/**
 * CONTENTS
 *
 * STRUCTURE
 * Specifique Retrait VIP........mise en page des blocs retrait VIP
 * Reset.........................mise a zero des éléments du dom
 * Font principale...............mise en place de la typo principale
 * Icon font.....................mise en place des icones svg
 * Basic html elements...........styles des éléments de base html
 * Sticky menu...................gestion du sticky menu
 * Lignes........................gestion des lignes
 * 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
 *
 *
 *
 */




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





/* POUR TEST UNIQUEMENT  */

.headerAdministrable {
    background-repeat: no-repeat!important;
    background-position: center top!important;
}

/* POUR TEST UNIQUEMENT  */


/*--------------------------------------------------------------------*\
    #SPECIFIQUE RETRAIT VIP
\*--------------------------------------------------------------------*/

form {
    position: relative;
    margin: 20px 0;
}

.headerAdministrable {
    width: 910px!important;
    background-position: center center!important;
    margin: 0 auto;;
}

.compCompteTransactionVip {
    width: 910px;
    margin: 0 auto;
}


#pageCompteVip .titleContent span {
    font-size: 26px;
    font-weight: bold;
    padding: 20px 15px 10px 15px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    background-color: #ECF0F1;
}

#pageCompteVip .descContent {
    font-size: 16px;
    padding: 0 15px;
    background-color: #ECF0F1;
    font-weight: 100;
    width: 100%;;

}

#TransactionContentVip form div {
    display: block;
}

#TransactionContentVip form .listeBillets {
    width: 100%;
}

#TransactionContentVip form .listeBillets:first-child {
    display: block;
    padding: 0;;
    width: 100%;
    margin: 10px 0;
}

#TransactionContentVip form .listeBillets:first-child tr {
    border: none;
    padding: 10px 15px;
    background-color: #ECF0F1;
}

#TransactionContentVip form .jScrollPaneContainer .listeBillets:first-child tr {
    display: block;
    padding: 10px 0px;
}

#TransactionContentVip form .listeBillets tr,
#TransactionContentVip form .listeBillets tbody {
    display: inline-block;
    width: 100%;
}

#TransactionContentVip form .listeBillets tr {
    padding: 10px 15px;
    border-top: 1px dotted #E8E8E8;
    border-bottom: 1px dotted #E8E8E8;
    width: 100%;
    margin: 10px 0;
}

#TransactionContentVip form .listeBillets:first-child tbody tr th,
#TransactionContentVip form .listeBillets:nth-child(2) tbody tr td {
    margin: 10px 0;
    padding-left: 15px;
    text-align: left;
    display: inline-block;
    width: 24.5%;
    line-height: 1.8em;
}

#TransactionContentVip form .listeBillets tbody tr td.etat {
    background-color: #F5F5F5;
    padding: 8px;
    border-radius: 5px;
    color: #777777;

}

#TransactionContentVip form .listeBillets tbody tr td.etat:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    font-size: 12px;
    padding-right: 6px;
    position: relative;
    top: 0px;
    color: #777;
    padding: 0px 2px 8px 6px;
    border-radius: 10px;
    margin: 0 5px 0 0;
    display: inline-block;
    width: 12px;
    height: 12px;

}

#TransactionContentVip form .listeBillets tbody tr td.etat9,
#TransactionContentVip form .listeBillets tbody tr td.etat12 {
    background-color: rgb(139, 195, 74);
    color: #fff;
    padding: 8px;
    border-radius: 5px;
}

#TransactionContentVip form .listeBillets tbody tr td.etat9:before,
#TransactionContentVip form .listeBillets tbody tr td.etat12:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 12px;
    padding-right: 6px;
    position: relative;
    top: 0px;
    color: #fff;
    padding: 4px;
    margin: 0 5px 0 0;
}

#TransactionContentVip form .listeBillets:first-child tbody tr th.col3 {
    width: 20%;
    padding-left: 10px;
}

#TransactionContentVip form .listeBillets:first-child tbody tr th.col4 {
    width: 20%;
    padding-left: 5px;
}

#TransactionContentVip form .listeBillets:first-child tbody tr th.col5 {
    width: 9%;
    margin-left: 25px;;
}

#TransactionContentVip form .listeBillets:first-child tbody tr th:first-child,
#TransactionContentVip form .listeBillets:nth-child(2) tbody tr td:first-child {
    width: 2%;
    display: inline-block;
    text-align: left;
    padding-left: 7px;;
}

#TransactionContentVip form .listeBillets:first-child tbody tr th:first-child {
    background-color: #D2D7D8;
    padding: 7px 5px 5px 8px;
    width: 6%;
    border-radius: 5px;
    margin-right: 18px;
    border: 1px solid #C6CCCE;
    background-image: url(../image/selectall.gif);
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: 17%;
}

#TransactionContentVip form .listeBillets:first-child tbody tr th:first-child label {
    display: none;
}

#TransactionContentVip form .listeBillets:nth-child(2) input {
    background: #fff;
}

#TransactionContentVip form .listeBillets:nth-child(3) {
    width: 100%;
    display: block;
    margin-top: 10px;
}

#TransactionContentVip form .listeBillets:nth-child(3) td.col6 {
    float: right;
}

#TransactionContentVip form .listeBillets:nth-child(3) tr {
    border: none;
}

.validContent {
    width: 59%;
    text-align: right;
    margin: 10px 0 30px 0;
}

#TransactionContentVip form .listeBillets:nth-child(3) tr td span,
.validContent input,
.boutonSend,
.boutonCancel,
.btSubmit,
.btRetour {
    background-color: #656565;
    margin-right: 10px;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    line-height: 16px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .3s background-color;
    -o-transition: .3s background-color;
    transition: .3s background-color;
    margin-bottom: 10px;
    width: auto;
}

#TransactionContentVip form .listeBillets:nth-child(3) tr td span:hover,
.validContent input:hover,
.boutonSend:hover,
.btSubmit:hover {
    background-color: #333;
}

.boutonSend,
.boutonCancel {
    width: auto;
    float: right;
}

.boutonCancel {
    background-color: #A7A7A7;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
}

.boutonCancel:hover {
    background-color: #ccc;
}

.button {
    text-align: right;
    padding: 15px 22px 15px 15px;;
}

.button:after {
    clear: both;
    content: "";
    display: table;
}

.salle {
    display: block;
    text-align: center;
}

#TransactionContentVip form .listeBillets:nth-child(3) tr td span:before {
    font-family: 'FontAwesome';
    font-size: 20px;
    padding-right: 10px;
    position: relative;
    top: 1px;
}

#TransactionContentVip form .listeBillets:nth-child(3) tr td .boutonRenommage:before {
    content: "\f0c7";
}

#TransactionContentVip form .listeBillets:nth-child(3) tr td .boutonPrint:before {
    content: "\f0ed";
}

#TransactionContentVip form .listeBillets:nth-child(3) tr td .boutonMail:before {
    content: "\f1d8";
}

#TransactionContentVip form .jScrollPaneContainer .content .listeBillets {
    background-color: #fff;
}

#TransactionContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr {
    background-color: #ECF0F1;
}

#TransactionContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td {
    width: 20%;
}

#TransactionContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td.col1 {
    width: 8%;
    padding-left: 22px;
}

#TransactionContentVip form .jScrollPaneContainer .content {
    height: auto;
    overflow: visible;
    padding-right: 0;
}

#TransactionContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr input {
    background-color: #fff;
    height: 39px;
}

#TransactionContentVip form .listeBillets [type="checkbox"] {
    width: 15px;
    height: 15px;
    box-shadow: none;
    display: inline-block;
}

.compCompteEnvoiMailVip .repHeader {
    background-color: #F1F1F1;
    font-size: 16px;
    background: #ecf0f1 url("../image/diag.png") repeat scroll center top;
    width: 100%;
    height: auto;
    padding: 15px;
    max-width: 100%;
    display: table!important;
    position: relative;
    margin: 20px 0;
}

.compCompteEnvoiMailVip .repHeader span {
    margin-right: 10px;
}

.compCompteEnvoiMailVip .repHeader span:first-child {
    margin-left: 0;
}

.compCompteEnvoiMailVip .infosMail {
    padding: 15px;
    font-size: 13px;
}

.compCompteEnvoiMailVip .infosMail span {
    margin-right: 10px;
}

.compCompteEnvoiMailVip .infosMail span input {
    height: 39px;
    width: auto;
    font-size: 13px;
    min-width: 250px;
}

.compCompteEnvoiMailVip .infosMail span input {
    background-color: #F9F9F9;
    -webkit-transition: 0.5s background-color, text-indent 0.5s;
    -o-transition: 0.5s background-color, text-indent 0.5s;
    transition: 0.5s background-color, text-indent 0.5s;
}

.compCompteEnvoiMailVip .infosMail span input:focus {
    background-color: #FFFFFF;
    border-color: #ECECEC;
    text-indent: 5px;
}

.compCompteEnvoiMailVip .titleComposants {
    text-transform: uppercase;
    font-weight: 100;;
}

.compCompteEnvoiMailVip .titleComposants:before {
    content: '\f1d8';
    font-family: 'FontAwesome';
    color: #656565;
    margin-right: 10px;
}

.compCompteEnvoiMailVip .infosMail span input#destinataire {
    width: 10%;
}

.compCompteEnvoiMailVip .infosMail span input#sujet {
    width: 53%;
}

.compCompteEnvoiMailVip #bodyMail {
    width: 100%!important;
}

#AbonnementContentVip  .repHeader {
    background-color: #F1F1F1;
    font-size: 16px;
    background: #ecf0f1 url("../image/diag.png") repeat scroll center top;
    width: 100%;
    height: 80px;
    padding: 15px;
    max-width: 95%;
    display: table!important;
    position: relative;
    min-height: 80px;
    margin: 20px;
}

#AbonnementContentVip  .repHeader span {
    margin-left: 0px;
    display: table-cell;
    vertical-align: text-top;;
}

#AbonnementContentVip  .repHeader span.tool {
    background-color: #656565;
    color: #fff;
    padding: 5px 20px;
    margin-left: 15px;
    display: inline-block;
    font-size: 11px;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    right: 0;
    text-transform: uppercase;
    -webkit-transition: .3s background-color;
    -o-transition: .3s background-color;
    transition: .3s background-color;
}

#AbonnementContentVip  .repHeader span.tool:hover {
    background-color: #333;
}

#AbonnementContentVip  .repHeader span.tool:before {
    font-family: 'FontAwesome';
    font-size: 12px;
    padding-right: 10px;
    position: relative;
    top: 0;
    content: '\f078';
    left: 2px;
}

#AbonnementContentVip  .repHeader span.tool.fermer:before {
    content: '\f077';
}

#AbonnementContentVip  .repHeader span.info {;
    display: inline-block;;
    margin-right: 10px;

}

#AbonnementContentVip  .repHeader span.vignette {;
    display: inline-block;;
    margin-right: 10px;

}

#AbonnementContentVip  .repHeader span.nom {
    font-weight: bold;
}

#AbonnementContentVip  .repHeader span:nth-child(2) {
    margin-left: 0;
}












#TransactionContentVip form .repHeader {
    background-color: #F1F1F1;
    font-size: 16px;
    background: #ecf0f1 url("../image/diag.png") repeat scroll center top;
    width: 100%;
    height: 80px;
    padding: 15px;
    max-width: 100%;
    display: table!important;
    position: relative;
    min-height: 80px;
}

#TransactionContentVip form .repHeader span {
    margin-left: 0px;
    display: table-cell;
    vertical-align: text-top;;
}

#TransactionContentVip form .repHeader span.tool {
    background-color: #656565;
    color: #fff;
    padding: 5px 20px;
    margin-left: 15px;
    display: inline-block;
    font-size: 11px;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    right: 0;
    text-transform: uppercase;
    -webkit-transition: .3s background-color;
    -o-transition: .3s background-color;
    transition: .3s background-color;
}

#TransactionContentVip form .repHeader span.tool:hover {
    background-color: #333;
}

#TransactionContentVip form .repHeader span.tool:before {
    font-family: 'FontAwesome';
    font-size: 12px;
    padding-right: 10px;
    position: relative;
    top: 0;
    content: '\f078';
    left: 2px;
}

#TransactionContentVip form .repHeader span.tool.fermer:before {
    content: '\f077';
}

#TransactionContentVip form .repHeader span.vignette {;
    display: inline-block;;
    margin-right: 10px;

}

#TransactionContentVip form .repHeader span.nom {
    font-weight: bold;
}

#TransactionContentVip form .repHeader span:nth-child(2) {
    margin-left: 0;
}

.vignette {
    display: flex;
    text-align: center;
}

.compCompteInformationVip,
.compCompteStructure {
    font-size: 14px;
}

.compCompteInformationVip form .title,
.compCompteStructure .title,
#pageCreateCompteByMail .titleComposants {
    padding: 25px 15px 0 15px;
    font-size: 24px;
    font-weight: bold;
}

.compOubliMDP .titleComposants {
    padding: 10px 15px!important;
    font-size: 24px!important;
    font-weight: bold;
    color: #5D5D5D!important;
}

.compOubliMDP form {
    margin: 10px 0;
}

.compCompteInformationVip form .title .requis,
.compCompteStructure .title .requis {
    position: absolute;
    font-size: 12px;
    font-weight: 100;
    display: block;
    bottom: 0;;
    margin: 10px 0;
    color: #777;
}

.compCompteInformationVip form .content,
.compCompteStructure .content {
    padding: 5px 15px;
}

.compCompteInformationVip form .content:after,
.compCompteStructure form .content:after {
    content: "";
    background: #ecf0f1 url("../image/diag.png") repeat scroll center top;
    height: 22px;
    display: block;
    margin-top: 20px;
}

.compCompteInformationVip form .content .info,
.descCreateAccount {
    margin: 0 0 20px 0;
    font-weight: 100;
    color: #777;
    font-size: 16px;
}

.compCompteInformationVip form .content span,
.compCompteStructure form .content span {
    width: 230px;
    display: inline-block;
    margin: 15px 0;
}

.compCompteInformationVip form .content input,
.compCompteStructure form .content input {
    width: auto;
    display: inline-block;
    min-width: 280px;
    height: 39px;
    font-size: 14px;
}

.mentionsLegales .title {
    padding-left: 10px;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 15px;;
}

input#dejapass,
input[name="passwd"],
input[name="passwdConfirm"] {
     width:250px;
     padding:5px;
     background:#fff url("../image/form_psw.png") no-repeat scroll 2px center;
     padding-left:36px;
     height:39px;
    }

input#dejamail,
input[name="mail"] {
    width:250px;
    padding:5px;
    background:#fff url("../image/form_email.png") no-repeat scroll 2px center;
    padding-left:36px;
    height:39px;
}

input#dejatel {
    padding: 5px;
    width: 250px;
    background: #FFFFFF url("../image/form_name.png") no-repeat scroll 2px center;
    padding-left: 36px;
    height: 39px;
}

input[name="adresse"],
input[name="complementAdresse"],
input[name="codePostal"],
input[name="ville"] {
    padding: 5px;
    width: 250px;
    background: #FFFFFF url("../image/form_pays.png") no-repeat scroll 2px center;
    padding-left: 36px;
    height: 39px;
}

.contentMail {
    padding: 15px;
}

.contentMail textarea {
    resize: none;
    border-color: #F7F7F7;
    font-size: 13px;
    color: #333;
    background-color: #F9F9F9;
    padding: 20px;
    -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    border-radius: 8px;
    border: 1px solid #E3E3E3;
    font-family: inherit;
}

.contentMail textarea:focus {
    background-color: #FFFFFF;
    border-color: #E4E4E4;
}

#popup_container #popup_title {
    background-color: #333;
    text-transform: uppercase;
    font-weight: 400;;
    font-size: 16px;
    font-family: 'Lato', sans-serif;;
}

#popup_panel {
    text-align: center;
    margin: 10px 0 0;
}

#popup_ok {
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #E9007E;
    background-color: #E9007E;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;

}

#popup_ok:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}

#pageCreateCompteByMail {
    font-size: 14px;
}

#pageCreateCompteByMail .createAccount {
    width: 100%;
}

#pageCreateCompteByMail .createAccount input,
#pageCreateCompteByMail .createAccount select {
    margin-left: 10px;
}

#pageCreateCompteByMail .createAccount tr {
    width: 40%;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 20px;
}

#pageCreateCompteByMail .createAccount tr:last-child {
    width: 40%;
}

#pageCreateCompteByMail .createAccount input.btSubmit {
    margin: 0;
}

#pageCreateCompteByMail .titleComposants,
#pageCreateCompteByMail form,
.compOubliMDP .titleComposants {
    padding: 10px 25px;
}

#pageCreateCompteByMail form {
    margin: 0;
    padding-bottom: 40px;
}

#pageCreateCompteByMail .listeErreur {
    top: 0;
    width: auto;
}

#pageCreateCompteByMail .listeErreur:after {
    top: 5px;
}

#pageCreateCompteByMail .btSubmit {
    margin-bottom: 0;
}



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

* {
    margin: 0px;
    padding: 0px;
    outline: none;
    box-sizing: border-box;
}



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

/* via modaddcontent */

/*------------------------------------*\
    #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,AAEAAAALAIAAAwAwT1MvMg8SA0YAAAC8AAAAYGNtYXAaVcxzAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zmp0z6YAAAFwAAARgGhlYWQE1HFIAAAS8AAAADZoaGVhB8ID4gAAEygAAAAkaG10eHOmCPkAABNMAAAAhGxvY2E/QkM8AAAT0AAAAERtYXhwACcAiwAAFBQAAAAgbmFtZVcZpu4AABQ0AAABRXBvc3QAAwAAAAAVfAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmHAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYc//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAFAAADyAOaAEMAACUuAScuATU0Njc2Fjc0JjEwNjc2JicuASMiBgcOARceATEwBhUWNhceARUUBgcOAQcOAQcOARUcATEhMDQ1NCYnLgEnAvcwPxQTESsNBSUFEgoDAg4WF1FCQVIWFg4CAwoSBCYFDSsRExRALy9OGxseA8MeGxxNL+kRIhMTMB8lE0UcBkEaET0dEzscHSkpHRw7Ex09ERpBBhxFEyUfMBMTIhERIxAQHQwYVFQYDB0QECMRAAAAAAMAMwAAA80DmgAMABkAOQAANxQWMzI2NTQmIyIGFSEUFjMyNjU0JiMiBhUtAT4BNREhNTQmKwEiBh0BMxMXFRQWMyEyNj0BISImN808Kis8PCsqPAIAPCorPDwrKjz+tQI3CAz9LgwJngkMZGQKDAkCngkM/cAsBCVmKjw8Kis8PCsqPDwqKzw8K/KiAw8IARpXCQwMCVL+MDBNCAwMCE0bCgAAAgBsAEcDiQNhACEAOgAAJSc+ATU0JicuASMiBgcOARUUFhceATMyNjcXFjI/ATYmJwE0Njc+ATMyFhceARUUBgcOASMiJicuATUDgsEWGDUtLXZCQXQrKzE0LS12QixQJMIOKQ4wDgYP/UsiHh5QLS5THyAlIh4eUC0tUyAfJrXBJFQtQXctLDUyKit0QUJ2LS01FxTCDw8wDiIOAXAtUB4dIyYfIFMtLlAdHiMmIB9TLgAAAwAp//YD1wOkABgAJQBIAAABDgEHDgEXHgEXHgE3PgE3PgEnLgEnLgEHFzIWFRQGIyImNzQ2MwMiJj8BPgEjIgYHJz4BNz4BMzIWDwEGFjMyNjcXDgEHDgEjAfpiqj9ARwEBTUBBrWFiqj9ARwEBTUBBrWE0JBotKSIhASsvexgbESYFAQYHNBMQHj4cHS8PGAoNKwUDBgcqGBMdOxoaKwwDpAJMQUCtYmGrPz9HAQFMQUGtYWKqPz9IAZ0kGB0vIBwYNP2fKkKaExAVDRsZJw4NDjUtoxUREhIYHSkNDQwAAAAABAAzAAADzQOaABgAHQAiACcAAAEjFSM1IRUjNSMiBhURFBYzITI2NRE0JiMRIREhEQEjFTM1ISMVMzUDZi6k/tikLis8PCsCzCs8PCv9NALM/ddHRwHNR0cDM2ZmZmY8Kv2ZKjw8KgJnKjz9MwGa/mYDNK6urq4AAwDR/80DLwPNABAAHQAiAAABISIGFREUFjMhMjY1ETQmIwMiJjU0NjMyFhUUBiM3IREhEQLH/nIrPT0rAY4rPT0rxx4rKx4eKyse2/5KAbYDzT4r/NErPT0rAy8rPvwqHhYWHh4WFh6cArL9TgAAAAIAMwCkA80C9gAZAEUAABMeARceARceATMyNjc+ATc+ATc+ASMhIhYXBQ4BBw4BBw4BIyImJy4BJy4BJyYGFRwBFRwBMRQWMyEyNjUwNDU8ATU0JgdSCXdERXIFCRgNDRgJBXJFRHcJExMj/J4jExMDZwt5RUZ1Bw0UDQ0UDQd1RkV5Cw8FIhEDNBEiBQ8CvgVAJCU+AgUFBQUDPSUkQAUKLi4KZgY/JSQ9BAYEBAYEPSQlPwYIDAcEdkZFcxAhIRBzRUZ2AwgMCAAAAAEAPwAxA8EDWQAaAAAJASYiBwEGFjsBERQWOwERMxEzMjY1ETMyNicDwf5lECwQ/mUQChdWCx/I0NIXCVYWCxABvQGcEBD+ZBAX/sQRGAE8/sQYEQE8FxAAAAAAAwAKAAAD9gNmABgALQAyAAATITImJy4BJy4BKwE1IRUjIgYHDgEHDgEzBSEiBh0BFBY7AQMhAzMyNj0BNCYjARMhEyFNA2YWAQsFOiIiPwou/nouCj8iIjoFCwEWA3D8hhYjIxZlLQMKLWUWIyMW/SRIAa5I/cICZiEDAhYLDBSZmRQMCxYCAyE4KBW0FSj/AAEAKBW0FSj+OAFN/rMAAAMALv/7A9IDnwAEACkALgAAExcBJwElJw4BIyImNTQ2NycmIgcBBhQfAT4BMzIWFRQGBxcWMjcBNjQnCQT7tgFOtv6yAtdNCxkOKzwGBk0PKxD9zQ8PTQsZDis8BgZNDysPAjQPD/3f/vcBoQEJ/l8BfrYBTrb+svpNBgc9Kw0aC00PD/3MDysPTQYGPCsOGQtNEBACMw8rEP39AQkBof73/l8AAgCaAAADZgNmACcAMQAAASM1NCYnLgEjIgYHDgEdASMiBhURFBYfAR4BMyEyNj8BPgE1ETQmIyU0NjMyFh0BIzUDKVwaGRpNMzNNGhkaZhUeHBQ+FDoWASgWOhQ+FBwoFf5xOC4uOMwCM0g3WB4eICAeHlg3SCgV/nAVJwcTBwkJBxMHJxUBkBUoXDg5OThcXAAAAAIAUgAfA64DewAYACUAAAEiBgcOARUUFhceATMyNjc+ATU0JicuASMTFwcnByc3JzcXNxcHAgBZnTo6REQ6Op1ZWZ06OkREOjqdWVmcWJ2dWJycWJ2dWJwDe0Q6Op1ZWZ06O0NDOzqdWVmdOjpE/lKdWJycWJ2cWZ2dWJ0AAAAAAwAZAAAD5wNmABUAGgAfAAAlAS4BIyIGBwEGFhceATMhMjY3PgEnJSM1MxU1IxEzEQPn/jgFEAoKEAX+OAUBBAUQCgOQCREFBAEF/lFwcHBwNAMgCQkJCfzgCBMICAkJCAgTCDJnZ7MBNP7MAAAAAAMAe//hA4UDuAAaAD4AUQAAGwEeARceATMyNjc+ATcTDgEHDgEjIiYnLgEnAScuASsBIgYPAQ4BBw4BHQEUFhceATMyNjc+AT0BNCYnLgEnBycjByMwNjc+ATsBMhYXHgExI644ASolJWc+PmclJSoBOSFPLCxdLi5dLCxPIAH0LA0fG14bHw0sMVQeHiI9NTWNUVGNNTU9Ih4eVDE4QFRAV2MJBxAKaAoQBwljVwI4/g8JIhERGRkRESIJAfESGwkJCAgJCRsSATMxEgoKEjEJHhESJhEJHTUTFBYWFBM1HQkRJhIRHglyRER1DAkHBwkMdQABARQBAALsApoAAgAAASETAuz+KOwCmv5mAAAAAQEUAQAC7AKaAAIAAAEhAwEUAdjsAQABmgAAAAEBHwAfAuEDewATAAAlFhQHBiInASY0NwE2MhcWFAcJAQLhCwsKHQr+bwsLAZEKHQoLC/6TAW1RCh4KCwsBlQodCwGVCgoLHQr+hP6EAAAAAQEfAB8C4QN7ABMAACUGFBcWMjcBNjQnASYiBwYUFwkBAR8LCwodCgGRCwv+bwodCgsLAW3+k1EKHgoLCwGVCh0LAZUKCgsdCv6E/oQAAAABAAD/xAP6A8QAEQAAASMVIzUjFTMVIxEhNTMRMxEjAv3//////wH+/f/9A8T//////gH+/v8DAAAAAAACAAAAAAQAA5oAPgBLAAAlLgEnLgE1NDY3NhY3NCYxMDY3NiYnLgEjIgYHDgEXHgExMAYVFjYXHgEVFAYHDgEHDgEHFSEwNDU0JicuAScTNSMVIxUzFTM1MzUjAnowQRMUESwMBiYEEgoDAg4XFlJDQlIXFg4CAwoTBSYFDSsQFBRAMAsxFwMzFhcWRjDsZpqaZpqa6REiExMwHyUTRRwGQRoRPR0TOxwdKSkdHDsTHT0RGkEGHEUTJR8wExMiEQQNCs5UGAwdEBAjEQEXmppmmppmAAIAAAAKBAADjwA1AG4AACUwJicuAScuAScuATU0Njc2Fjc0JjEwNjc2JiMiBhceATEwBhUWNhceARUUBgceARceAR0BMwEuATU0Njc2Fjc0JjEwNjc2JicuASMiBgcOARceATEwBhUWNhceARUUBgcOAR0BITA0NTQmJy4BJwQAAQECBQUNQTk5KxoHBBYDCwYCAi5PTy0CAgYLAhcDCBoUFz5LExQM5/4LTDkiCgUeAw4IAgIMERJBNTVBEhILAgIIDwQeBAsiOkwXPwLHHhoZRCcKPScmRQcXJBgXMSsaDTATBC0SCyoVGWBgGRUqCxItBBMwDRodKBAfKhISJhyYAQwfQjkjET8aBTsYEDgbETcaGiUlGho3ERs4EBg7BRo/ESM5Qh8KIyS7dhYRIA8QIBAAAQAA/8QCtAPEAAUAAAEnCQE3AQK0tP4AAgC0/rQDELT+AP4AtAFMAAEAAP/EArQDxAAFAAATNwkBJwEAtAIA/gC0AUwDELT+AP4AtAFMAAACABT/4QPsA7gAGABbAAABIgYHDgEVFBYXHgEzMjY3PgE1NCYnLgEjExwBFRQGBw4BIyImJzIWMzI2Ny4BJx4BMzI2Ny4BNTA0MR4BFy4BNTQ2Nx4BFy4BNTQ2MzIWFz4BNw4BBz4BNw4BBwIAZrNDQk5OQkOzZmazQ0JOTkJDs2bIJCMjZkMpTCAGDAUiPhkgMQoFCQQHDQYhLQoWDBMYBwYkZz0BAjkoFSQOEB8OBRYPDhwNCRkOA7hNQ0KzZmazQ0JOTkJDs2Zms0JDTf5uAwcDMGIoJzIXFAEWEwEmHQEBAgEHNSMBBQYBDSsZDRkKLDYDBgsFKDkQDgMMCBEcCAEIBg8ZCgACABT/4QPsA7gAGAAtAAABIgYHDgEVFBYXHgEzMjY3PgE1NCYnLgEjEyMiBh0BMxUjFSM1IzUzNTQ2OwEVAgBms0NCTk5CQ7NmZrNDQk5OQkOzZnRKBgxcXFdPTzwtSgO4TUNCs2Zms0NCTk5CQ7NmZrNCQ03+rRALNkzk5EwtMEVRAAAFABT/4QPsA7gAFQAuAGgAdQCIAAABLgEjKgEHDgEHDgEXHgEzOgE3PgEnEyIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIwMOASMqATEwIiMiJjU0NjsBLgExKgEjIiYnLgE1NDY7ARUUBgcOAQceARUUBgcOARUUFhceARUUBgclIxUjNSM1MzUzFTMVBSoBIw4BBw4BFR4BNz4BJy4BIwHSCR8YAgUDCg8FBAEEByMTAgUDFRUILmazQ0JOTkJDs2Zms0NCTk5CQ7NmHBgsCQICAgEPaXUZAQ4BAQQCCiAQExN3AXccDAQOAhcMFQ0JCw8KESUeHgEETjFOTjFO/r0CBAIRHgwLCwI0IyMrAgIpIQJYIBgBAxANDRoQGiMBBjcfAWBNQ0KzZmazQ0JOTkJDs2Zms0JDTf1CCwYcREMdEyEFCgwqHVIfAgoHAQECAQwnHCAlDAgNBwgQCQ8sIiMzDtNNTTFOTjE7AgwKCxkNGx0CAyQcGSMABAAU/+ED7AO4ABgAHQAqAEYAAAEiBgcOARUUFhceATMyNjc+ATU0JicuASMDIxEzEQMiJjU0NjMyFhcUBiMBIzU0JiMiBgcOAR0BIzU0JiczFzM+ATMyFh0BAgBms0NCTk5CQ7NmZrNDQk5OQkOzZnhkZDMXHB0YGBsBHRkBnmMYGxQZBgIBZAEBVgUCCTEpMUEDuE1DQrNmZrNDQk5OQkOzZmazQkNN/UkBQP7AAWgdFBYcHBYUHf6Ysh8mGA0FDQe52h4zFSwQJERHvQAAAAQASAAUA7gDhQAdADUARgBfAAABFAYHDgEjIiYnLgE1NDY3IxEUFjMhMjY1ESMeARUTISIGHQEzPgE3PgEzMhYXHgEXMzU0JiMXFAYrASImPQE0NjsBMhYdAQM0JicuASMiBgcOARUUFhceATMyNjc+ATUDCiokJGE3N2EkJCoCA7NQOQJeOVCzAwIl/aI5UN8SLxwcPiIiPhwcLxLfUDlDDgtJCg8PCkkLDs4aFhY8IiI8FhYaGhYWPCIiPBYWGgHNN2EkJSkpJSRhNw0aDP6eOVFROQFiDBoNAbhROZUaKg4PEBAPDioalTlRqgoODgpKCg4OCkr+8iI7FxYaGhYXOyIiPBYWGhoWFjwiAAAAAQAAACAEAANAAAUAAAkBJwcJAQNg/iDgoAGAAoADQP4g4KD+gAKAAAEAAAABAADo94SaXw889QALBAAAAAAA0NqWXQAAAADQ2pZdAAD/xAQAA80AAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAACEAAAAAAAAAAAAAAAACAAAABAAABQQAADMEAABsBAAAKQQAADMEAADRBAAAMwQAAD8EAAAKBAAALgQAAJoEAABSBAAAGQQAAHsEAAEUBAABFAQAAR8EAAEfA/oAAAQAAAAEAAAAAtYAAALWAAAEAAAUBAAAFAQAABQEAAAUBAAASAQAAAAAAAAAAAoAFAAeAIAA0gEsAZ4B2gISAngCpgL2A0gDkgPSBAoEhASSBKAEyATwBQ4FeAYSBiYGOga+BwAHvAgkCKwIwAABAAAAIQCJAAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),
         url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal;
}


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


input {
    border: 1px solid #E3E3E3;
    padding:5px;
    color:#333;
    background:none;
    border-radius: 5px;
    -webkit-transition: .3s border-color;
    -o-transition: .3s border-color;
    transition: .3s border-color;
    height: 39px;
}

input:focus {
    border-color: #ADADAD;
}

body {
    font-family: 'Lato',sans-serif;
    font-size:12px;
    color: #5D5D5D;;
}

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

select {
    width: 55px;
    color:#000;
      border: 1px solid #E3E3E3;
      background: #fff;

}

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



a {
    color:#656565;
    text-decoration:none;
    font-size:14px;
}
    a:hover{
        text-decoration:underline;
    }
    a.date{
        display:block;
    }


.champsRequis {
    padding:   5px 20px;
    font-size: 10px;
    color:     #000;
}

label {
    font-size:   11px;
    margin-left:   10px;
}


.champ {
    color: #000;
    width: 199px;
    height: 39px;
}

li {
    list-style:none;
}

#pageCompteIdentification .ligneContent2 {
    border-radius: 5px 5px 0 0;
    width: 330px;
    margin: 0 auto;
}

#pageCompteIdentification .ligneContent3 {
    border-radius: 0 0 5px 5px;
    width: 330px;
    margin: 0 auto;
}

#champsRequis {
    display: none;
}

.ligneContent2 {
    box-shadow: 0px -1px 3px #C1C1C1;
}

.ligneContent3 {
    box-shadow: 0px 1px 4px #C1C1C1;
}



/*------------------------------------*\
    #E-STICKY MENU
\*------------------------------------*/

.StickyNav {
    position: fixed !important;
    top: 0;
    z-index: 1000;
    width: 100%!important;
    left: 0;
}

.StickyNav .colonneContent1 {
    /*width: 940px;*/
    margin: 0 auto;
}


/*------------------------------------*\
    #F-LIGNES
\*------------------------------------*/

.ligneContent2 {
    width: 100%;
}

/*.ligneContent2 .colonneContent1:before {
    content: "Espace de retrait";
    text-transform: uppercase;
    display: block;
    height: 50px;
    line-height: 52px;
    text-align: center;;
    font-family: "HelveticaNeue" , sans-serif;
    font-size: 20px;
    color: #ECECEC;;
}*/

.ligneContent2 .colonneContent1 {
    padding:0 20px;
    width:100%;
    margin:0 auto;
    box-sizing:border-box;
    min-height:50px;
}

.ligneContent2,
.ligneContent2 a {
    font-size: 17px;
    color: #FFFFFF;
    text-shadow: none;
}
.ligneContent2 a:hover{
    color:#000;
}
    .ligneContent2 + .descriptionHeader {
        display: none;
        font-size: 21px;
        border-bottom: 1px solid #333333;
        padding: 8px 20px;
        font-family: 'latobold', sans-serif;
        background: #fff;
    }
    #pageAccueil .ligneContent2 + .descriptionHeader {
        display: block;
    }
.ligneContent4 {
    clear: both;
    overflow: hidden;
    padding-bottom: 25px;

}
.ligneContent3 {
    background: rgb(255, 255, 255);
    margin-bottom: 90px;
    margin: 0 auto;
    width: 910px;
}
.ligneContent4 {
    background-color: #fff;
}
.descriptionHeader {
    background: #fff;
}

/*------------------------------------*\
    #G-BOUTONS
\*------------------------------------*/


.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier,
#pageCompte .zoneRecherche button,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount,
#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,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit,
#pageEtape1 #submitFinaliser,
#pageEtape1 #submitPanier,
.compConfirmationCoordonnees .ligneSubmit input,
#compRechercheEspritMusique .libelleRecherche span input.btSubmit,
#Tarif a.Reserver span {
    background: #333;
    text-align: center;
    width: 250px;
    height:55px;
    cursor:pointer;
    color: #fff;
    font-size: 20px;
    border:0;
    text-indent:inherit;
    font-weight:normal;
    border-radius:3px;
    -webkit-transition: color 800ms ease-out;
       -moz-transition: color 800ms ease-out;
        -ms-transition: color 800ms ease-out;
         -o-transition: color 800ms ease-out;
            transition: color 800ms ease-out;
    -webkit-appearance:none;
            appearance:none;
            margin-left:25px;
}
.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,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount: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,
#pageEtape1 #submitPanier: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 {
    background: #000; /* W3C */
    -webkit-transition: color 200ms ease-out;
       -moz-transition: color 200ms ease-out;
        -ms-transition: color 200ms ease-out;
         -o-transition: color 200ms ease-out;
            transition: color 200ms ease-out;
            color: #ffffff;
}


.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier {
    background-color: #777;
}

#aucuneTransaction {
    padding: 20px;
}

#popup_container:not(.popup_container_ajax) {
    background: #fff none repeat scroll 0 0;
    border: 0px solid #999 !important;
    border-radius: 0 !important;
    color: #000;
    font-family: Arial,sans-serif;
    font-size: 12px;
    max-width: 600px;
    min-width: 300px;
}

#popup_title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #353535 none repeat-x scroll center top;
    border-image: none !important;
    border-style: none !important;
    border-width: none !important;
    color: #fff;
    cursor: default;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.75em;
    margin: 0;
    padding: 5px 0 !important;
    text-align: center;
}

#popup_panel > input {
    background: #787878 none repeat scroll 0 0;
    border: medium none !important;
    color: #fff;
    border-radius: 3px;
    padding: 8px !important;
    margin-right: 3px;
    text-transform: uppercase;
    text-indent: 0 !important;
}

#popup_panel > input:hover {
    background: #222 none repeat scroll 0 0;
    border: medium none !important;
    color: #fff;
    margin-right: 3px;
    text-transform: uppercase;
    text-indent: 0 !important;
}

#popup_content {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 16px 16px;
    border-bottom: 1px solid #e8e7e7 !important;
    border-left: 1px solid #e8e7e7 !important;
    border-right: 1px solid #e8e7e7 !important;
    margin: 0;
    padding: 1em 1.75em;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 13px;
}




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


    #pageEtape1 #submitPanier {
        background: #777;
    }




    /******************************************************************************/
    /*                       BALISES POUR LE POSITIONNEMENT                       */
    /******************************************************************************/


    /******************************************************************************/
    /*                         TAILLE DU CONTENU DU SITE                          */
    /******************************************************************************/

    #cadreContent {
        margin:0 auto;
        width:100%;
    }

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

    .ligneContent1 {
        width: 100%;
    }

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

    .ligneContent2 {
        background-color:#424242;
        position:relative;
        margin:0 auto;
        width:910px;
    }

    .pageEtape .dataContentComposants #ReservationContent {
        margin-bottom: 30px;
    }

    .ligneContent2 .colonneContent2 {
        width:220px;
        display:inline-block;
    }

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

    .boldSpan {
        font-weight:bold;
        margin-left: 10px;
    }
    /******* 3DS *******/

    #pageEtape3 table td.tableColonne2 select#typeCB{
        width:152px;
        height:27px;
       }

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


    #pageEtape3 table td.tableColonne2 select#moisCB{
        width:56px;
        height:27px;
        margin-top:0;
        font-size:11px;
       }

    #pageEtape3 table td.tableColonne2 select#anneeCB{
        width:70px;
        font-size:11px;
        height:27px;
        margin-top:0;
       }

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

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

    #pageEtape3 table td.tableColonne1-2 label a{
        color:#000;
        font-size:13px;
       }


    #pageEtape3 #infoformulaire #securite span#titleSecurite{
        background:none!important;
        height:inherit!important;
     }

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

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

       #pageEtape3 table#nouvelleCB tr td.tableColonne1-2 span{
         font-weight:bold;
         color:#000;
         padding:10px 0;
         display:block;
    }

     #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit{
        background: #333;
        border:0;
        color: #fff;
        font-size: 20px;
        margin: 0 auto 0;
        margin-left:66px;
        cursor:pointer;
        padding:10px 20px;
        border-radius:3px;
        width:407px;
        height:55px;
            -webkit-appearance:none;
                appearance:none;
     }

     #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit:hover {
        background: #000;
     }
      #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 a{
          font-size:14px;
          color:#000;
       }

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

    table#nouvelleCB td#rowSubmitEtape3 a{
         display:block;
         background:#777;
         width:196px;
         height:55px;
         float:left;
         line-height:55px;
         text-align:center;
         font-weight:normal;
         text-decoration:none!important;
         color:#fff!important;
         border-radius:3px;
    }

    /***buttons ***/

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

    #Tarif.Promo{

        height:90px;
        right:0;
        position:absolute;
        top:35%;
        width:239px;
    }

    .Tarifs{
        display:none;
    }


    #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{
        background:#e50323;
     }

    #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;
      }
      #pageEtape2 .validContent input.btnRetourAccueil{
        width:350px;
        background:#777;
      }

      #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire{
          clear:both;
          padding:20px;
     }

    /****** 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 th#titlePaiementFree{
        text-align:left;
      }

    td#validationPaiementFree a.ancreTelechargerBillet{
        background: #E50323;
        border:0;
        color: #fff;
        font-size: 20px;
        height: 55px;
        line-height:55px;
        margin: 0 auto 0;
        width:220px;
        left: 0;
        text-transform:uppercase;
        cursor:pointer;
        font-family:'baron_neue_boldbold';
        text-transform:lowercase;
        display:block;
        text-align:center;
    }

    td#validationPaiementFree{
        padding:15px;
     }

     #currentDiv.packContent h2 {
        border-bottom:0!important;
    }

    .buttonsContainer.row-fluid{
        text-align:center;
    }


    #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;
    }


}


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

    .compCompteEnvoiMailVip .infosMail span input#sujet {
    width: 42%;
    }

    #pageCompteVip .titleContent span {
          padding-bottom: 0;
      }

      #pageCompteVip .descContent {
        padding: 15px;
      }

      #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td.col3 {
        width: 5%;;
      }

      #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td.col1 {
        width: 1%;
        padding-right: 5px;;
      }

      #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td {
        width: 10%;
      }

      #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td.col5 {
        padding-left: 0;
        word-wrap: break-word;
        width: 12%;
      }

      #TransactionContentVip form .listeBillets:first-child tbody tr th.col3 {
          width: 20%;
          padding-left: 38px;
      }

      #TransactionContentVip form .listeBillets:first-child tbody tr th.col5 {
        margin-left: 5px;

      }

      #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td.col4 {
        width: 1%;
      }

      #TransactionContentVip form .listeBillets:nth-child(2) tbody tr td.col4 {
        width: 20%;

      }

      .compCompteTransactionVip {
        width: 100%!important;
      }

      #TransactionContentVip form .listeBillets:first-child tbody tr th.col4 {
        padding-left: 15px;
        width: 18%;
      }

      .ligneContent2,
      .ligneContent3 {
        width: 100%;
      }

      #TransactionContentVip form .repHeader {
        font-size: 14px;
      }


    #AbonnementContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td.col3 {
        width: 5%;;
    }

    #AbonnementContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td.col1 {
        width: 1%;
        padding-right: 5px;;
    }

    #AbonnementContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td {
        width: 10%;
    }

    #AbonnementContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td.col5 {
        padding-left: 0;
        word-wrap: break-word;
        width: 12%;
    }

    #AbonnementContentVip form .listeBillets:first-child tbody tr th.col3 {
        width: 20%;
        padding-left: 38px;
    }

    #AbonnementContentVip form .listeBillets:first-child tbody tr th.col5 {
        margin-left: 5px;

    }

    #AbonnementContentVip form .jScrollPaneContainer .content .listeBillets:first-child tr td.col4 {
        width: 1%;
    }

    #AbonnementContentVip form .listeBillets:nth-child(2) tbody tr td.col4 {
        width: 20%;

    }

    .compCompteTransactionVip {
        width: 100%!important;
    }

    #AbonnementContentVip form .listeBillets:first-child tbody tr th.col4 {
        padding-left: 15px;
        width: 18%;
    }

    .ligneContent2,
    .ligneContent3 {
        width: 100%;
    }

    #AbonnementContentVip form .repHeader {
        font-size: 14px;
    }

      .ongletContent {
    padding: 20px 10px!important;

      }

      .ongletContent a:last-child {
        margin-right: 0;
      }

}




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

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

        input,
        select {
            padding: 7px 0;
            font-size: 18px;
            text-indent: 5px;
        }

    .evenementListe dl {
        width: 100% !important;
    }

    #popup_panel > input {
    background: #787878 none repeat scroll 0 0;
    border: medium none !important;
    color: #fff;
    margin-right: 3px;
    text-transform: uppercase;
    font-size: 11px !important;
    }

    .rechercheCompteDigitick .zoneRecherche #rechercheType {
    height: 32px !important;
    margin-right: 6px;
    margin-top: 9px;
    padding-left: 0;
    }

    .cal.dp-applied {
    height: 19px !important;
    margin-bottom: 3px;
    }

    .rechercheCompteDigitick .zoneRecherche #rechercheText {
    height: 18px !important;
    }

    .rechercheCompteDigitick .zoneRecherche #rechercheSubmit {
    height: 29px !important;
    margin-left: 6px;
    padding-left: 0px !important;
    }

    .rechercheCompteDigitick .zoneRecherche #rechercheCancel {
    height: 29px !important;
    margin-left: 6px;
    padding-left: 0px !important;
    }

    .rechercheCompteDigitick .zoneTri #tri {
    height: 31px !important;
    width: 167px;
    }

    #pageCompte .zoneTri{
    display: inline-block;
    margin-bottom: 10px !important;
    margin-left: 15px;
    padding-top: 5px;
    }

    .ligneContent3 {
    background-color: #fff;
    width: 100%;
    }

    #boutonMenuMobile {
    color: #555;
    cursor: pointer;
    height: 0px !important;
    position: relative;
    width: 25px;
}


    .deroulePanier a:after {
        content: "\e60e";
        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;
        position: absolute;
        top: 17px;
        right: 0;
    }
    #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%;
}

 .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd{
    margin: 0 auto;
    width: auto !important;
    margin: 0!important;
    float: none !important;
 }

                table{
            max-width: 100%;
                    }
.ligneContent1{
}
.ligneContent4{
    padding-bottom: 20px;
}
.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: 120px;
        width: 70%;
        }

        .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 {
            padding: 0 !important;
            background: none !important;
          }
    .compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form .validerRecherche {
        display: inline-block !important;
        float: none !important;
        color: #555 !important;
        width: 15% !important;
        background-color: #333 !important;
        background-image: none !important;
        font-size: 27px !important;
        border-radius: 0 5px 5px 0;

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

         }


        #cadreContent {
            padding:0 0;
            width: 100%;
            }

         #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;
        }

        .ligneContent1 .colonneContent1 {
            margin:0 auto;
        }

        .compCompte {
           position:inherit!important;
           float:right;
        }

        .compCompte .headerComposants .footerComposants .contentComposants div.dataContentComposants a{
            display:block;
            height:45px;
            padding:0 5px !important;
         }

          .compCompte .headerComposants .footerComposants .contentComposants div.dataContentComposants a span{
            display:none;
         }

        .ligneContent2 {
            background:#424242;
        }

        .ligneContent2 .colonneContent1 {
            margin:0 auto;
            min-height:50px;
            display:inherit;
        }

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


        .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;
               width:100%;
          }


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


            .ongletContent a{
                width:223px!important;
            }


            #pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement {
            text-align: center;
            }


            .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,
            .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2{
                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;
            padding: 10px 20px;
        }

        .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%;
            height:39px;
        }
        .compDejaClient table tr td input#dejamail, .compDejaClient table tr td select#dejapays {
            width:100%;
            height:35px;
            font-size: 12px;

        }
        .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;
            width: 100%;

        }

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

        .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;
        width: 100%;
         }


         .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-right: 10px;
          }
          #pageEtape2 .validContent .btnRetourAccueil {
            font-size: 15px !important;
            background: #777 !important;
          }
        .btnRetourAccueil{
            margin-bottom:10px;

           }

          #pageEtape2 .validContent{
              text-align:center;
           }

          .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{

            background:#333;
            text-align: center;
            cursor:pointer;
            margin-right: 0;
            color: #fff;
            font-size: 14px;
            border:0;
            text-indent:inherit;
            font-weight:normal;
            margin-right:10px;
            padding:0 15px;
            border-radius: 3px;
          }
          #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit:hover {
            background: #000;
          }
          #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;
}

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{
    background: #333; /* W3C */
    text-align: center;
    width: 250px;
    height: 55px;
    cursor: pointer;
    margin-right: 0;
    color: #fff;
    font-size: 20px;
    border: 0;
    text-indent: inherit;
    font-weight: normal;
    border-radius: 3px;
    margin-left: 0 !important;
}

#pageEtape1 .buttonsContainer .validContent input#submitPanier{
   margin-bottom:20px;
   background: #777;
   -webkit-appearance:none;
   appearance:none;
   margin-left:0;
}

    #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;
 }

    .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{
        width:inherit!important;
        background:none!important;
     }

    #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 input{
             text-align: center;
            display: block;
            color: #fff;
            text-transform: uppercase;
            font-size: 19px;
            background: #333;
            width: 231px;
            padding: 0 15px;
            text-transform: lowercase;
            margin: 10px auto;
        }
        table#boxConfirmAccount tr td.ligneSubmit input:hover {
            background: #000;
        }
        table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount{
            background: #777;
        }
        table#boxConfirmAccount tr td.ligneSubmit {
            text-align:center;
          }

           .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
                display:block;
                padding: 0 20px !important;
            }

        .ongletContent a {
             width: 100%!important;
        }

        #pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
            display: block;
            width:inherit!important;
            overflow:hidden;;
        }
        #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;
}
}

/* Menu mobile */

/* Menu retour site retour accueil */

#boutonMenuMobile {
    position: relative;
    width: 25px;
    height: 50px;
    color: #555;
    cursor: pointer;
}
#boutonMenuMobile:before {
    content: "\e607";
    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;
    margin-right: 5px;
    display: block;
    height: 15px;
    width: 15px;
    position: absolute;
    top: 15px;
    left: 10px;
}
#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;
}
#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: 14px;
    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: #555 !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;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 16px;
    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: rgba(0,0,0,0.9);
    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;
    }
}


/*-------------------------------------*\
*   #FOOTER ADMINISTRABLE RESPONSIVE
\*-------------------------------------*/

.footerAdministrable .footerAdministrableLine {
    font-size: 16px;
    position: relative;
    height: 155px;
    padding-left: 70px;
    padding-top: 59px;
    line-height: 23px;
    width: auto;
}
.footerAdministrableLine .footerAdministrableColumn {
    float: none !important;
    width: auto !important;
    margin-right: auto !important;
}
.footerAdministrable .footerAdministrableLine a {
    font-size: 16px;
}

.faContactAssistance: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: #fff;
}

.faCgv,
.faMentionsLegales,
.faPoweredByDigitick {
    padding-left: 25px;
    display: flex;
    align-items: center;
}
.faPoweredByDigitick:after {
    content: url("../image/logo_seetickets.png");
    position: relative;
    padding-top: 4px;
    padding-left: 5px;
}

.faPaiementSecurise {
    display: block;
    font-weight: normal;
    height: 59px;
    width: 320px;
    font-size: 28px;
    font-family: 'latobold', sans-serif;
    right: 80px;
    position: absolute;
    top: 80px;
}
.faPaiementSecuriseImage {
    background: url("../image/digitick-reassurance.png") no-repeat scroll -5px bottom transparent;
    background-size: contain;
}
.faPaiementSecuriseImagePayline {
    background: url("../image/digitick-reassurance-payline.png") no-repeat scroll -5px bottom transparent;
    background-size: contain;
}

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

    .compCompteEnvoiMailVip .infosMail span input#sujet,
    .compCompteEnvoiMailVip .infosMail span input#destinataire {
        width: 100%;
        margin-bottom: 15px;
    }

    .compCompteEnvoiMailVip .infosMail span.libelle {
        margin-bottom: 8px;
        display: inline-block;
        font-size: 14px;
    }


    .footerAdministrable .footerAdministrableLine  {
        margin: 0 auto;
        width: inherit!important;
        text-align: left;
        padding: 32px 0;
        font-size: 15px;
        height: auto;
    }


    .faPaiementSecurise {
        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;
        position: inherit!important;
    }
    .faPaiementSecuriseImage {
        background: url("../image/digitick-reassurance.png") no-repeat scroll center bottom transparent;
        background-size: 320px auto;
    }
    .faPaiementSecuriseImagePayline {
        background: url("../image/digitick-reassurance-payline.png") no-repeat scroll center bottom transparent;
        background-size: 320px auto;
    }


    .faContactAssistance,
    .faCgv,
    .faMentionsLegales,
    .faPoweredByDigitick {
        display: block;
        font-weight: normal;
        background-repeat: no-repeat;
        background-size: 15px auto;
        margin: 0 auto;
        width: 285px;
    }
    .faCgv,
    .faMentionsLegales,
    .faPoweredByDigitick {
        padding-left: 46px;
    }

}

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

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

    body {
        min-width: 320px;
    }

    .createAccount td {
        display: block;
    }

    #pageCreateCompteByMail .btSubmit {
        margin-left: 162px!important;
    }


 }





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


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


@media screen and (min-width: 768px){
table#nouvelleCB{
    border-spacing: 0;
    padding:0 20px;
    }

    table#nouvelleCB td.tableColonne1{
    font-weight: normal;
    text-align: left;
    width: 350px;
    color:#000;
      }

      table#nouvelleCB  input {
    }

}




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


 table#nouvelleCB td.tableColonne1 label{
    font-size:17px;
    color:#000;
      }


table#nouvelleCB td.tableColonne1-2{
        color:#000;
        text-align:left;

    }

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

table#nouvelleCB a{
    color: #000;
    text-decoration:underline!important;
    font-weight:bold;
    }

table#nouvelleCB a:hover{
    color: #666;
    font-weight: bold;
    text-decoration:none!important;

    }

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

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

table#nouvelleCB input.champCarte {
    height: 35px;
    padding: 0 0 0 5px;
    width: 145px;
}
table#nouvelleCB .champ {
     width:200px;
     margin-top: 5px;
}

#recapAchat{
    background:#e8e7e7;
    font-size:16px;
    padding:10px;
    margin-top:10px;
 }


@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 {
        float:inherit;
        display:block;
        margin:0 auto;
        height:55px;
        font-size:18px;
        -webkit-appearance: none;
        appearance: none;
    }

    #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,
    table#nouvelleCB input.champCarte,
    #pageEtape3 table td.tableColonne2 select#moisCB,
    #pageEtape3 table td.tableColonne2 select#anneeCB,
    table#nouvelleCB input {
        height:45px;
        font-size:15px;
        width:100%;
        padding: 0px 0;
    }
    table#nouvelleCB .checkbox {
        width: auto ;
        vertical-align: middle;
    }
    table#nouvelleCB input.champCarte {
        width:99%;
     }

     .validContent input {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
        padding: 20px 15px;
     }

     .validContent {
        text-align: center;
        width: 100%;
        padding: 20px;;;
     }

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

     .ongletContent a {
        float: none!important;
        margin-right: 0!important;
        margin-bottom: 10px;
     }

     .ongletContent:after {
        content: "";
        clear: both;
     }

     #TransactionContentVip form .repHeader,
     .compCompteTransactionVip,
     #TransactionContentVip form .repHeader {
        width: 100%;
        max-width: 100%;
     }

     #TransactionContentVip form .listeBillets:nth-child(1) {
        display: none;
     }

     #TransactionContentVip form .jScrollPaneContainer .content {
        padding-right: 0!important;
        height: auto!important;
        width: 100%!important;
     }

     #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:nth-child(1) {
        display: block;
     }

     #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:nth-child(1) tr {
        border-top: 1px dashed #DADADA;
        border-bottom: 1px dashed #DADADA;
     }

     #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:nth-child(1) td {
        width: 16%!important;
        display: inline-block;
     }

     #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:nth-child(1) td.col1 {
        width: 20%!important;
     }

     #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:nth-child(1) td.col2 {
        width: 80%!important;
     }

     #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:nth-child(1) td.col3 {
        padding-left: 20px;
        width: 50%!important;
     }

     #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:nth-child(1) td.col4 input {
        font-size: 13px;
     }


     #TransactionContentVip form .jScrollPaneContainer .content .listeBillets:nth-child(1) td.col5 {
        width: 50%!important;
        padding: 10px 0 0 20px;
     }

    #TransactionContentVip form .listeBillets:nth-child(3) td {
        width: 100%;
        display: inline-block;
    }

    .compCompteInformationVip form .title .requis {
        bottom: -30px;
    }

    .compCompteInformationVip form .content span {
        width: 100%;
    }


}

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

    #TransactionContentVip form .listeBillets:nth-child(2) tbody tr td.col1 {
        width: 10%!important;
    }

    #TransactionContentVip form .listeBillets:nth-child(2) tbody tr td.col2 {
        width: 70%!important;
    }

    #TransactionContentVip form .listeBillets:nth-child(2) tbody tr td {
        width: 45%!important;
        line-height: 1.8em;
    }

    #TransactionContentVip form .listeBillets:nth-child(2) tbody tr td.col3 {
        background-color: #F7F7F7;
        min-height: 39px;
        border-radius: 5px;
    }

    #TransactionContentVip form .listeBillets:nth-child(2) tbody tr td.col4 {
        padding-left: 5px;
    }

    #TransactionContentVip form .listeBillets:nth-child(2) tbody tr td.col4 input {
        font-size: 12px;
        height: 39px;
        width: 100%;
    }

    #TransactionContentVip form .repHeader {
        min-height: 120px;
    }

    #pageCreateCompteByMail .createAccount tr {
        width: 100%;
    }

    #pageCreateCompteByMail .btSubmit {
        margin-left: 218px;
        margin-top: 10px;
    }

}

@media screen and (max-width:375px)  {
    #TransactionContentVip form .listeBillets:nth-child(3) tr td span {
       display: block;
       width: 100%;
       margin-bottom: 20px;
       margin-right: 0;
       padding: 20px 15px 20px 60px;
    }

    #TransactionContentVip form .repHeader span {
        display: inline-block;
    }

    #pageCompteVip .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeErreur {
        top: 0!important;
        border-radius: 5px;
    }

    form div div:nth-of-type(3) span {
        width: 130px!important;
    }
}

.class {
    text-align: center;
}
/*------------------------------------------------*\
                    COMPOSANT HTML
\*------------------------------------------------*/

.compHTML {
    padding:12px;
    font-size: 20px;
    text-transform:uppercase;
    min-height:49px;
    text-align:center;
}

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


.rechercheCompteDigitick .zoneRecherche #rechercheText {
    height: 12px;
    margin-right: 6px;
}
.rechercheCompteDigitick .zoneRecherche #rechercheType {
    height: 25px;
    margin-right: 6px;
    margin-top: 9px;
    padding-left: 3px;
}

.rechercheCompteDigitick .zoneRecherche #rechercheSubmit {
    height: 23px;
    margin-left: 0px;
}

.rechercheCompteDigitick .zoneRecherche #rechercheCancel {
    height: 23px;
    margin-left: 6px;
}

.rechercheCompteDigitick .zoneTri #tri {
    height: 26px;
    width: 167px;
    padding-left: 3px;
}

.cal.dp-applied {
    height: 14px ;
}

#flecheCal {
    position: relative;
    top: 6px;
}



#TransactionContentVip form .listeBillets:first-child tbody tr th:first-child label {
    font-family: 'FontAwesome';
    font-size: 12px;
    padding-right: 10px;
    position: relative;
    top: 1px;
}

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

    .validContent input {
        text-transform: uppercase;
        height: auto;
    }

}


/*--------------------------------------------------------------------*\
    #OUTIL PERSONALISATION
\*--------------------------------------------------------------------*/

#PersonalizationContentVip #personalisationContainer{
    background-color: #FFFFFF;
    width: 100%;
    max-width: 100%;
    position: relative;
    border: 1px solid #656565;
    border-radius: 5px;
    margin-top: 20px;
}

#PersonalizationContentVip #personalisationContainer .personalisationHeader {
    font-size: 16px;
    width: 100%;
    height: 30px;
    padding: 15px;
    max-width: 100%;
    display: table!important;
    position: relative;
    min-height: 30px;
}
#PersonalizationContentVip #personalisationContainer .personalisationHeader span {
    margin-left: 0px;
    vertical-align: text-top;
}
#PersonalizationContentVip #personalisationContainer .personalisationHeader span.vignette {
    display: inline-block;
    margin-right: 10px;
}
#PersonalizationContentVip #personalisationContainer .personalisationHeader span.nom {
    font-weight: bold;
}
#PersonalizationContentVip #personalisationContainer .personalisationHeader span.toolPerso {
    color: #656565;
    padding: 5px 20px;
    margin-left: 15px;
    display: inline-block;
    font-size: 11px;
    position: absolute;
    cursor: pointer;
    right: 0;
    text-transform: uppercase;
    -webkit-transition: .3s background-color;
    -o-transition: .3s background-color;
    transition: .3s background-color;
}
#PersonalizationContentVip #personalisationContainer .personalisationHeader span.toolPerso:hover {
    text-decoration: underline #656565;
}

#PersonalizationContentVip #personalisationContainer .personalisationHeader span.toolPerso:before {
    font-family: 'FontAwesome';
    font-size: 12px;
    padding-right: 10px;
    position: relative;
    top: 0;
    content: '\f078';
    left: 2px;
}

#PersonalizationContentVip #personalisationContainer .personalisationHeader span.toolPerso.masquer:before {
    content: '\f077'; !important;
}

#PersonalizationContentVip #personalisationContainer .personalisationContent{
    padding: 5px 20px;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent{
    font-size: 14px;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent .blocPersonalisationContent{
    margin-top: 15px;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent p {
    margin: 15px 0px;
    font-size: 12px;
    color: #656565;
}

#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationHelping{
    background-color: #ECF0F1;
    width: 100%;
    max-width: 100%;
    position: relative;
    border: 1px solid #656565;
    border-radius: 5px;
    padding: 15px;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationHelping .helpingHeader{
    font-size: 14px;
    width: 100%;
    max-width: 100%;
    display: table!important;
    position: relative;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationHelping .helpingHeader span.vignette {
    display: inline-block;
    margin-right: 10px;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationHelping .helpingHeader span.nom {
    cursor: pointer;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationHelping .helpingHeader span.nom:hover {
    text-decoration: underline #656565;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationHelping .helpingContent {
    margin-top: 15px;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form .repHeader {
    font-size: 12px;
    width: calc(95% - 40px);
    padding: 5px 0px;
    max-width: 95%;
    display: table!important;
    position: relative;
    margin-left: 5%;
}
.tarifHeader {
    font-size: 12px;
    width: calc(95% - 40px);
    padding: 5px 0px;
    max-width: 95%;
    vertical-align: middle;
    position: relative;
    margin-left: 10%;
    display: flex;
    align-items: center;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent span.nom{
    margin-left: 10px!important;
}

.underlinePoop:hover{
    cursor: pointer;
}

.underlinePoop{
    text-decoration: underline #656565;
    font-weight: normal;
    margin-left: 2px;
}

.nbBillets{
    margin-left: 20px;
}

#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form .repHeader span {
    margin-left: 0px;
    display: table-cell;
    vertical-align: middle;
    width: 22%;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form .repHeader span.vignette {;
    margin-right: 10px;
    width: 4%;

}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form .repHeader span.nbBillets {;
    width: 8%;

}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form .repHeader span.nom {
    width: 41%;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form .repHeader span:nth-child(2) {
    margin-left: 0;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form .btnExport,
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationImport #importContent form .btnImport {
    background-color: #656565;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    line-height: 16px;
    cursor: pointer;
    -webkit-transition: .3s background-color;
    -o-transition: .3s background-color;
    transition: .3s background-color;
    margin-bottom: 10px;
    display: block;
    margin: auto;
    width: 100px;
    text-align: center;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form .btnExport:hover,
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationImport #importContent form .btnImport:hover {
    background-color: #333;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form #inputCheckEmptyPort {
    display: block;
    margin: 10px auto;
    text-align: center;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form #inputCheckerAll [type="checkbox"],
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form #inputCheckEmptyPort [type="checkbox"]{
    width: 15px;
    height: 15px;
    box-shadow: none;
    display: inline-block;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form #inputCheckerAll label,
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form #inputCheckEmptyPort label{
    font-size: 12px;
    padding-right: 10px;
    position: relative;
    top: -3px;
}

#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form #inputCheckerAll label span:hover{
    text-decoration: underline #656565;
    cursor: pointer;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationImport #importContent form input#fileCSVImport{
    border:none;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form .repHeader .toolEvent span:hover {
    cursor: pointer;
    text-decoration: underline #656565;
}
#PersonalizationContentVip #personalisationContainer .personalisationContent #personalisationExport #exportContent form #inputCheckEmptyPort label.labelDisabled{
    cursor: initial;
    color: rgba(0, 0, 0, 0.4);
}
#overlay {
    height: 100%;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px 40px;
    box-sizing: border-box;
    text-align: center;
}

#overlay .digitick-loader-container {
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

#overlay .digitick-loader-container .modal-loader{
    width: 350px;
    margin: 0 auto;
    padding: 10px 5px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 1px 1px 12px #555;
}

#overlay .digitick-loader-container .modal-loader a.cruise-close{
    padding: 5px;
    position: absolute;
    top: 0;
    display: inherit;
    margin-left: 320px;
}

#overlay .digitick-loader-container .modal-loader .modal-container-message{
    margin: 10px 0px;
    padding: 10px 5px;
    font-size: 12px;
}

#overlay .digitick-loader-container .modal-loader .modal-container-message p.inProgress{
    font-weight: bold;
}
#overlay .digitick-loader-container .modal-loader .modal-container-message p.importValide{
}
#overlay .digitick-loader-container .modal-loader .modal-container-button{
    font-size: 16px;
    margin: auto;
    margin-bottom: 10px;
}
#overlay .digitick-loader-container .modal-loader .modal-container-button .btn{
    background-color: #656565;
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
    line-height: 16px;
    cursor: pointer;
    -webkit-transition: .3s background-color;
    -o-transition: .3s background-color;
    transition: .3s background-color;
    display: inline-block;
    width: 120px;
    text-align: center;
}
#overlay .digitick-loader-container .modal-loader .modal-container-button .btn:nth-child(1n){
    margin-left: 10px;
}

#overlay .digitick-loader-container .modal-loader .modal-container-button .btn:hover{
    text-decoration: initial;
}

/* Digitick loader logo */
@keyframes zoom-out {
    from,
    to {
        transform: scale3d(0, 0, 0);
        opacity: 0;
        background-color: transparent;
    }
    45%,
    55% {
        transform: scale3d(1, 1, 1);
        opacity: 1;
        background-color: #FA0078;
    }
}
.digitick-loader-logo {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
}
.digitick-loader-logo img {
    width: 100%;
}