/** * CONTENTS * * STRUCTURE * 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 * Footer administrable * Paiement nouvelle CB * Code promo liste */ /*--------------------------------------------------------------------*\ #STRUCTURE \*--------------------------------------------------------------------*/ /*------------------------------------*\ #A-RESET CSS \*------------------------------------*/ * { margin: 0px; padding: 0px; outline: none; } /*------------------------------------*\ #B-FONT PRINCIPALE \*------------------------------------*/ /*@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);*/ @font-face { font-family: 'Lato'; src: url('../image/fonts/lato-regular-webfont.eot'); src: url('../image/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../image/fonts/lato-regular-webfont.woff2') format('woff2'), url('../image/fonts/lato-regular-webfont.woff') format('woff'), url('../image/fonts/lato-regular-webfont.ttf') format('truetype'), url('../image/fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('../image/fonts/lato-bold-webfont.eot'); src: url('../image/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../image/fonts/lato-bold-webfont.woff2') format('woff2'), url('../image/fonts/lato-bold-webfont.woff') format('woff'), url('../image/fonts/lato-bold-webfont.ttf') format('truetype'), url('../image/fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('../image/fonts/lato-light-webfont.eot'); src: url('../image/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../image/fonts/lato-light-webfont.woff2') format('woff2'), url('../image/fonts/lato-light-webfont.woff') format('woff'), url('../image/fonts/lato-light-webfont.ttf') format('truetype'), url('../image/fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } /*------------------------------------*\ #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:2px; color:#000; background:none; } body { font-family: 'Lato',sans-serif; font-size:12px; color: #666; } html{ } 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-decortion:underline; } a.date{ display:block; } .champsRequis { padding: 5px 10px; font-size: 10px; color: #000; } label{ font-size: 11px; margin-left: 121px; } .champ { color: #000; width: 154px; } li{ list-style:none; } /*------------------------------------*\ #E-STICKY MENU \*------------------------------------*/ .StickyNav { position: fixed !important; top: 0; left: 0; z-index: 1000; width: 100%; } .StickyNav .colonneContent1 { width: 940px; margin: 0 auto; } .StickyNav-ligne3 { margin-top: 50px; } /*------------------------------------*\ #F-LIGNES \*------------------------------------*/ .ligneContent2 { position:relative; background-color:#333; } .ligneContent2 .colonneContent1 { height:50px; padding:0 20px; width:940px; } .ligneContent2 .colonneContent2 { width:220px; display:inline-block; } .ligneContent2, .ligneContent2 a { font-size: 17px; color: #ecf0f1; } .ligneContent2 a:hover{ color:#777; } .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; background-color: #fff; } .ligneContent3 { background-color: #fff; } .descriptionHeader { background: #fff; } #cadreContent { width:980px; margin:0 auto; } .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; } /*------------------------------------*\ #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, .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour, .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit, .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit, .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit, #pageEtape1 #submitFinaliser, #pageEtape1 #submitPanier, .compConfirmationCoordonnees .ligneSubmit input, .compRechercheAbonne .dataContentComposants button, #withoutExclusive a, .popupTarifs .submit .addToCart, #compRechercheEspritMusique .libelleRecherche span input.btSubmit, #popup_panel input#popup_ok, .validContent input#prioAboFinaliser, .btCodeReduction, #submitCodePromo, #submitPromoCode, #popup_ok, td#validationPaiementFree a.ancreTelechargerBillet, #popup_panel #popup_cancel, #popup_panel #popup_ok_valid, .compUpSelling .actions .reset, .compUpSelling .actions .submit, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit { 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, #withoutExclusive a:hover, .popupTarifs .submit .addToCart:hover, #compRechercheEspritMusique .libelleRecherche span input.btSubmit:hover, #popup_panel input#popup_ok:hover, .validContent input#prioAboFinaliser:hover, .btCodeReduction, #popup_ok:hover, td#validationPaiementFree a.ancreTelechargerBillet:hover, #popup_panel #popup_cancel:hover, #popup_panel #popup_ok_valid:hover, .compRechercheAbonne .dataContentComposants button:hover, .compUpSelling .actions .reset:hover, .compUpSelling .actions .submit:hover, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit:hover, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit: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, .compUpSelling .actions .reset { background-color: #777; } #aucuneTransaction { padding: 20px; } table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn, .popupTarifs .submit .cancel { background:#777!important; color:#5E5E5E; width:200px!important; display:block; line-height:53px; margin-left:0 !important; } #popup_panel #popup_cancel { background:#777; color:#5E5E5E; width:200px!important; display:block; line-height:53px; margin-left:0 !important; } table.oubliMDP tr td.btnSubmitMDP{ padding-top:10px; text-align:left; } .dataContentComposants table.oubliMDP tr td.tableColonne1 { display: block; width: 353px; text-align: right; margin: 4px 10px; font-size: 14px; color: #000; } table.oubliMDP .tableColonne1{ } #pageEtape1 #submitPanier { background: #777; } /******* 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: 34px; margin-top: 0; font-size: 11px; margin-right: 5px!important; } #pageEtape3 table td.tableColonne2 select#anneeCB{ width:70px; font-size:11px; height:34px; margin-top:0; } #pageEtape3 table td.tableColonne2 input#cvvCB{ width: 50px; height: 28px; border-radius: 4px; padding-left: 5px; } #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; width: calc(100% - 18px); } #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; cursor:pointer; padding:10px 20px; border-radius:3px; width:auto; height:55px; -webkit-appearance:none; appearance:none; float: right; } #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; } #payzen { padding-left: 10px; } /***PayZen ***/ .compPaiementPayZen label { margin-left:5px; } #payzen > tbody > tr:nth-child(2) { margin: 30px 0 20px 30%; display: block; } /*** Buyster ***/ .compPaiementBuyster .formulairePaiement .entete { padding-left: 10px; } .compPaiementBuyster .formulairePaiement .moyenPaiement { padding: 10px 0 0 10px; } .compPaiementBuyster .formulairePaiement .moyenPaiement > div { display: inline-block; width: 19%; } .compPaiementBuyster .formulairePaiement .moyenPaiement div input { display: inline-block; } .compPaiementBuyster .formulairePaiement .moyenPaiement div .libelleMoyenPaiement { display: inline-block; margin-left: 5px; } /***buttons ***/ #Tarif{ width:239px; height:40px; right:0; position:absolute; top:54%; } #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; } #Tarif a.Reserver span{ padding:0 15px; background:url('../image/bgArrowResa.png') no-repeat right center; font-family:'baron_neue_boldbold',arial,sans-serif; text-transform:lowercase; } #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; } .compPaiementFree table#paiementFree tr td { padding-left: 20px; } 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; } .socialShare ul li{ display:inline-block; } .socialShare ul li a{ display:inline-block; width:31px; height:31px; } .socialShare ul li:nth-child(1){ background:url('../image/bgReseauFB.jpg') no-repeat!important; } .socialShare ul li:nth-child(2){ background:url('../image/bgTwitter.jpg') no-repeat!important; } .compObjetEvenement .bandeauEtat{ background-size:80px auto!important; margin: -83px 0 0 1px; } .compObjetRegroupement .compObjetEvenement a.etat12 span, .compObjetRegroupement .compObjetEvenement a.etat10 span{ background:none!important; } .MainNavigationLinks { display:none; } .MainNavigationLinks li { display:none; } .socialShare ul li { display: inline-block; } .socialShare ul li { list-style: none outside none; } table.oubliMDP { padding: 20px; margin-bottom: 15px; display: block; } table.oubliMDP tbody { padding: 20px; margin-bottom: 15px; display: block; } table.oubliMDP tbody .tableColonne2 input{ width: 244px; margin-left: 0 !important; height: 19px; } table.oubliMDP tbody .tableColonne2 select{ width: 250px; margin-left: 0 !important; height: 27px; } .compObjetRegroupement .compObjetEvenement a.etat12, .compObjetRegroupement .compObjetEvenement a.etat10{ background:#CCC!important; } /*-------------------------------------*\ * #FOOTER ADMINISTRABLE \*-------------------------------------*/ .footerAdministrable .footerAdministrableLine { font-size: 16px; position: relative; line-height: 23px; width: auto; padding: 50px; } .footerAdministrableLine .footerAdministrableColumn { width: 28% !important; min-height: 175px; margin-right: 1% !important; padding: 0 2% 0 2%; } .footerAdministrableLine .footerAdministrableColumn:last-child { border: none; } .footerAdministrableLine .footerAdministrableColumn div { margin-bottom: 5px; } .footerAdministrableLine .footerAdministrableColumn div:last-child { margin-bottom: 0px; } .footerAdministrable .footerAdministrableLine a { font-size: 16px; color: inherit;; } .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; } .faPoweredByDigitick { color: #fff; display: flex; align-items: center; } .faPoweredByDigitick:after { content: url("../image/logo_seetickets.png"); position: relative; padding-top: 4px; padding-left: 5px; } .faPaiementSecurise { font-family: 'latobold', sans-serif; padding-bottom: 25px; } .faPaiementSecuriseImage { background: url("../image/digitick-reassurance.png") no-repeat scroll -5px bottom transparent; background-size: 90%; } .faPaiementSecuriseImagePayline { background: url("../image/digitick-reassurance-payline.png") no-repeat scroll -5px bottom transparent; background-size: 90%; } .faNumeroServiceClient { font-size: 1.3em; } /*-------------------------------------*\ PAIEMENT NOUVELLE CB \*-------------------------------------*/ .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 { 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; 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; 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; 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; 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; 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 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; } 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: 380px; width: 550px; display: block; } 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; } #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire { clear: both; padding: 20px; display: inline-block; width: 35%; vertical-align: top; } #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite { height: 25px; } #pageEtape3 #infoformulaire #securite span#titleSecurite { background: none !important; height: inherit !important; font-size: 14px; line-height: 5px; } #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite #titleSecurite:before { font-family: "FontAwesome"; content: '\f023'; margin-right: 5px; color: #6abf22; text-align: center; font-size: 2rem; } #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:before { content: 'Paiement s\00E9 curis\00E9 op\00E9r\00E9 par'; font-size: 0.8rem; color: #a2a2a2; position: relative; top: 1px; } #pageEtape3 .ligneContent4 .compBody .dataContentComposants { padding: 0; background: #f7f7f7; position: relative; } #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) { position: absolute; bottom: 0; left: 20px; width: 100%; left: 10px!important; } #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite img { width: 70px; display: inline-block !important; margin-left: 2px; vertical-align: middle; filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.6; } #recapAchat { font-size: 16px; padding: 20% 0; margin-top: 10px; display: table; width: 100%; text-align: center; } #recapAchat .recapAchatContent { display: table-cell; vertical-align: middle; } #recapAchat #libelleRecapAchat { font-size: 1.4rem; display: block; } #recapAchat #infoRecapAchat { margin: 20px 0 10px; display: block; } #recapAchat #infoRecapAchat .nombreRecapAchat { font-size: 1.2rem; } #recapAchat .montantRecapAchat { display: block; width: 100%; text-align: center; font-size: 3rem; margin-top: 10px; font-family: "Latolight"; } #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire { display: inline-block; width: 581px; background: #fff; min-height: 390px; } #pageEtape3 .compBody .dataContentComposants #contenuformulaire .dataContentComposants { background: #fff; padding: 0; } .digiloader { width: 100%; text-align: center; padding: 10% 0; display: none; } .digiloader h3 { font-size: 2rem; } .digiloader .loader { background-image: url(../img/puff.svg); background-repeat: no-repeat; background-position: center center; height: 80px; } .digiloader p { font-size: 1.2rem; } #payline-container { min-height: 300px; } #PaylineWidget { margin: 10px; } /*-------------------------------------*\ REDUCTION LISTE \*-------------------------------------*/ .codePromoListe { background: #F3F3F3; } .codePromoListe span:nth-child(1) { display: block; } .codePromoListe input { margin-left: 20px; margin-top: 20px; margin-bottom: 20px; background: #Fff; padding: 10px; font-size: 14px; vertical-align: middle; } #submitCodePromo { width: auto; height: auto; padding: 7px 10px; margin: 2px; vertical-align: middle; } /*-----------------------------------------*\ REDUCTION LISTE PLAN \*-----------------------------------------*/ #promoCodeForm { width: auto !important; text-align: left; border: none !important; padding: 0 !important; margin-bottom: 5px; float: none !important; clear: both; background: #F3F3F3; margin: 0 20px !important; } #promoCodeForm input { margin-left: 20px; margin-top: 20px; margin-bottom: 20px; background: #Fff; padding: 10px; font-size: 14px; vertical-align: middle; } #submitPromoCode { width: auto; height: auto; padding: 7px 10px; margin: 2px 10px; vertical-align: middle; } .codePromoListe span:nth-child(1), #promoCodeForm .title { font-size: 18px; color: #4C4C4C; padding: 10px 20px; border-right: 1px solid #999; display: inline-block; vertical-align: middle; } /*------------------------------------*\ #POP UP \*------------------------------------*/ #popup_container { border: 0 !important; } #popup_container #popup_title { font-size: 20px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #ededed; padding-bottom: 10px; padding-right: 0; padding-left: 15px; font-family: 'lato', sans-serif; } #popup_panel #popup_ok { margin-left: 0 !important; } #popupChoixBlocCategorie .libelleBloc { margin-bottom: 25px !important; } #popupChoixBlocCategorie .categorieList .categorieLibelle { padding-top: 10px; } #popupChoixBlocCategorie .categorieList .categorieNbTypeClient { float: right; margin: 0 0 10px 0px; width: 20%; } #popup_overlay { background: rgba(0, 0, 0, 0.6) !important; opacity: 1 !important; } #popup_container { border-radius: 0 !important; } #popup_ok { width: 60px; height: 50px; } #popup_content button .left, #popup_content button .right { display: none; } /*-------------------------------------*\ TABLE RESULTAT RECHERCHE \*-------------------------------------*/ table.display { border:none; } table.display thead { background-image: none; background-color: transparent; border-bottom: 1px solid #000; } table.display thead th { color: #000; text-align: left; } table.display tr td .resultImage { display: inline-block; } table.display tr td .resultInfo { display: inline-block; margin-left: 15px; } .informal { padding: 4px 0 !important; } table.display tbody tr td:nth-child(2) { padding: 5px 5px 5px 13px; } .dataTables_wrapper { margin-bottom: 50px; } tbody tr.odd:hover, tbody tr.odd td.highlighted, tbody tr.even:hover, tbody tr.even td.highlighted { background: #ccc; } table.display tbody tr td:nth-child(3) a:hover { text-decoration: underline; } /*------------------------------------*\ #CROSS SELLING V2 \*------------------------------------*/ #popCross .popupCrossSelling .content .summary { margin-bottom: 10px; } #popCross .popupCrossSelling .content .summary .title, #popCross .popupCrossSelling .content .crossSelling > .title { font-size: 18px; color: #4C4C4C; } #popCross .popupCrossSelling .header { float: right; } #popCross .popupCrossSelling .text .depop { color: #fff } #popCross .popupCrossSelling .text .depop:after { content: "\f00d"; font-family: "FontAwesome"; color:#656565; } #popCross .popupCrossSelling .text .depop:hover:after { color: #000; } #popCross .popupCrossSelling .content .prices .price { margin-top: 10px; } #popCross .popupCrossSelling .content .show .name, #popCross .popupCrossSelling .content .crossSelling .event .content .title .name { } #popCross .popupCrossSelling .content .show .value, #popCross .popupCrossSelling .content .crossSelling .event .content .title .schedule { font-size: 15px; text-transform: none; display: block; } #popCross .popupCrossSelling .content .prices .name { margin-right: 5px; font-size: 15px; } #popCross .popupCrossSelling .content .prices .value { font-family: 'latobold',sans-serif; font-size: 15px; } #popCross .popupCrossSelling .content .crossSelling { } #popCross .popupCrossSelling .content .crossSelling .event .thumbnail { width: 110px; height: 110px; display: inline-block; border: 1px solid #999; margin-right: 10px; vertical-align: top; } #popCross .popupCrossSelling .content .crossSelling .event .content { display: inline-block; width: calc(100% - 125px); } #popCross .popupCrossSelling .content .crossSelling .event .content .title .link { display: block; cursor: pointer; clear: both; display: inline-block; padding: 5px 10px; color: #777; background: #D9DADC; margin: 10px 0; border-radius: 3px; } #popCross .popupCrossSelling .content .crossSelling .event .content .title .link:hover { background: #CCCCCC; } #popCross .popupCrossSelling .content .crossSelling .event .content .title .toolip { font-size: 14px; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .descContent { padding: 17px 0; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table { width: 100%; border-collapse: collapse; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table .tableHeader { font-family: 'latobold',sans-serif; border-bottom: 1px solid #333; color:#333; padding: 5px 0; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table .tableHeader .tableColonne3 { text-align: right; padding-right: 20px; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table .tableHeader th { padding-left: 10px; font-size: 16px; font-weight: normal; color: #000000; width: 270px; background: #f3f3f3; text-align: left; padding: 5px 0 5px 20px; border-bottom: 1px solid #d9d9d9; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table .tableHeader th.tableColonne2 { text-align: center; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table tbody .ligneTarif td { padding: 10px 0; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table tbody .ligneTarif .tableColonne2 { padding: 10px; text-align: center; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table tbody .ligneTarif .tableColonne3 { text-align: right; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table .tableFooter { border-bottom: 0; line-height: 20px; border-top: 1px solid #d9d9d9; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table .tableFooter td { font-weight: normal; color: #000; font-size: 16px; text-transform: uppercase; background: #F3F3F3; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table .tableFooter .tableColonne1 { padding: 10px 0 10px 20px; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table .tableFooter .tableColonne2 { padding: 10px 20px; text-align: center; } #popCross .popupCrossSelling .content .crossSelling .event .content .prices .compTarifDisponible .table .tableFooter .tableColonne3 { padding: 10px 20px; text-align: right; } #popCross .popupCrossSelling .content .crossSelling .event .content .actions .submit { 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-top: 20px; float: right; line-height: 55px; }