/* NOTES 01-2016 Suppression potentielles des préfixes navigateurs pour les propriétées Box-shadow et border-radius : https://css-tricks.com/do-we-need-box-shadow-prefixes/ Jean-Philippe, je vous laisse décider si vous souhaitez les supprimer afin d'alléger le css. */ @viewport { width:device-width; zoom:1; } /* POLICES */ @font-face { font-family:'AvBook'; src:url('/fonts/AvenirLTStd-Book.eot'); src:local('☺'), url('/fonts/AvenirLTStd-Book.woff') format('woff'), url('/fonts/AvenirLTStd-Book.ttf') format('truetype'), url('/fonts/AvenirLTStd-Book.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'AvMedium'; src:url('/fonts/AvenirLTStd-Medium.eot'); src:local('☺'), url('/fonts/AvenirLTStd-Medium.woff') format('woff'), url('/fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('/fonts/AvenirLTStd-Medium.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'AvBlack'; src:url('/fonts/AvenirLTStd-Black.eot'); src:local('☺'), url('/fonts/AvenirLTStd-Black.woff') format('woff'), url('/fonts/AvenirLTStd-Black.ttf') format('truetype'), url('/fonts/AvenirLTStd-Black.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icon'; src: url('../fonts/icon.eot?5942oe'); src: url('../fonts/icon.eot?5942oe#iefix') format('embedded-opentype'), url('/fonts/icon.ttf?5942oe') format('truetype'), url('/fonts/icon.woff?5942oe') format('woff'), url('/fonts/icon.svg?5942oe#icon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icon'; src: url('../fonts/icostars.eot?5942oe'); src: url('../fonts/icostars.eot?5942oe#iefix') format('embedded-opentype'), url('/fonts/icostars.ttf?5942oe') format('truetype'), url('/fonts/icostars.woff?5942oe') format('woff'), url('/fonts/icostars.svg?5942oe#icon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:after { font-family: 'icon' !important; 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; } .icon-criticoncert:before { content: "\e925"; } .icon-music-world:before { content: "\e92e"; } .icon-critidisques:before { content: "\e926"; } .icon-music-rock:before { content: "\e92d"; } .icon-music-chanson:before { content: "\e927"; } .icon-music-reggae:before { content: "\e92c"; } .icon-music-electro:before { content: "\e928"; } .icon-music-rap:before { content: "\e92b"; } .icon-music-jazz:before { content: "\e929"; } .icon-music-metal:before { content: "\e92a"; } .icon-arrow-bottom:before { content: "\e903"; } .icon-arrow-thin:before { content: "\e90e"; } .icon-arrow-left:before { content: "\e905"; } .icon-arrow-double-droite:before { content: "\e91a"; } .icon-arrow-right:before { content: "\e906"; } .icon-arrow-double-gauche:before { content: "\e91b"; } .icon-arrow-top:before { content: "\e90d"; } .icon-arrow-simple-droite:before { content: "\e91c"; } .icon-arrows-leftright:before { content: "\e909"; } .icon-arrow-simple-gauche:before { content: "\e91d"; } .icon-arrow-double:before { content: "\e91a"; } .icon-star:before { content: "\e938"; } .icon-hygiaphone:before { content: "\e91e"; } .icon-commentaires:before { content: "\e939"; } .icon-partage:before { content: "\e933"; font-size:1.3em; vertical-align:-10%; } .icon-marqueurmap:before { content: "\e921"; } .icon-photo:before { content: "\e932"; } .icon-home:before { content: "\e910"; vertical-align:-10%; } .icon-tickets:before { content: "\e935"; } .icon-tel:before { content: "\e919"; } .icon-timer:before { content: "\e936"; } .icon-close:before { content: "\e904"; } .icon-video:before { content: "\e937"; } .icon-check-oui:before { content: "\e920"; } .icon-warning:before { content: "\e911"; } .icon-blockquote:before { content: "\e900"; } .icon-loupe:before { content: "\e912"; } .icon-blockquote-rtl:before { content: "\e902"; } .icon-plus:before { content: "\e918"; } .icon-undo:before { content: "\e90c"; } .icon-images:before { content: "\e901"; } .icon-lien:before { content: "\e908"; } .icon-adresse:before { content: "\e907"; } .icon-navig-back:before { content: "\e913"; } .icon-navig-forward:before { content: "\e915"; } .icon-navig-backback:before { content: "\e914"; } .icon-navig-forwardforward:before { content: "\e916"; } .icon-navig-top:before { content: "\e917"; } .icon-email:before { content:"\e90a"; } .icon-enveloppe:before { content: "\e90f"; } .icon-siteweb:before { content:"\e93d"; } .icon-siteweb-square:before { content:"\e93f"; } .icon-gplus:before { content:"\e91f"; } .icon-gplus-square:before { content:"\e930"; } .icon-facebook:before { content:"\e922"; } .icon-facebook-square:before { content:"\e931"; } .icon-twitter:before { content:"\e923"; } .icon-twitter-square:before { content:"\e93a"; } .icon-feed:before { content:"\e924"; } .icon-feed-square:before { content:"\e93e"; } .icon-instagram:before { content:"\e93b"; } .icon-user:before { content:"\e940"; } .icon-youtube:before { content:"\e93c"; } .icon-pinterest:before { content:"\e90b"; } .icon-star-empty:before { content:"\e9d7"; } .icon-star-half:before { content:"\e9d8"; } .icon-star-full:before { content:"\e9d9"; } .icon-music-humour:before { content:"\e940"; } .icon-fauteuil:before { content:"\e941"; } .icon-music-spectacle:before { content:"\e942"; } /* COULEURS black : noir (menu, main backgrounds) #ab182b : rouge foncé (soutien, liens) #dedede : gris clair (background blocs) #e8280b : nouveau rouge de soutien (nouvelle charte) #dbd6d6 : gris clair 2 (footer) #fabf1b : jaune (tierce) #fbc632 : jaune (hover) #ef820b : orange soutien du jaune (hover) */ /* STANDARD */ * { margin:0; padding:0; outline:none; } html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } html, body { height:100%; min-height:100%; width:100%; font:14px/18px 'AvMedium',sans-serif; color:black; background-color:#f7f7f7; } /* DEV body:before { position:fixed; z-index:299; width:160px; height:15px; background:black; font:normal 10px/13px "AvMedium"; color:#9C0; text-align:right; content: "desktop 1020px et +"; padding-right:5px; } */ p, pre, blockquote, form, dl, ul, ol, fieldset, address { margin:0.35em 0 0.8em 0; } small { font-size:.85em; } sup, sub { font-size:.8.em; position: relative; vertical-align:baseline; } sub { top:0.3em; } sup { bottom:0.3em; } acronym, abbr { border-bottom: 1px dashed; letter-spacing: 1px; cursor: help; } pre { background: #FFFFD5; font: 1em "Courier New","Courier",serif; padding: 1em; border-left: 5px solid #404040; } blockquote { font-style: italic; min-height: 45px; color: #51636f; /*bleu gris*/ padding-left: 60px; } hr { color:#659e04; background-color:#659e04; height:1px; border:0; } /* vert */ img, td img, a img { border: none; } input, textarea { padding:0; } button { background-color:#e8280b; padding:12px 15px; font:1.1em/1.1em "AvBook",sans-serif; text-transform:uppercase; color:white; border:none; } button:hover { text-decoration:none; cursor:pointer; background:#af2436; } x:-moz-focus-inner { border:0; } /* LISTES */ ul li { color:#659e04 /* vert */; list-style-type:none; } ul li:last-child { } ol li { color:#659e04 /* vert */; } /* TITRES */ h1, h2, h3 { font-family:"AvBook", cursive; margin: 0.8em 0 0.6em 0; text-decoration:none; line-height:1em; } h4, h5, h6 { font-family:"AvBook", sans-serif; font-weight:700; margin: 0.8em 0 0.6em 0; text-decoration:none; color:#515151; } h1 { font-size: 3em; color:black; } h2 { font-size: 2.5em; color:black; } h3 { font-size: 2em; color:black; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; font-weight: bold; } /* LIENS */ a { } a:link, a:visited { text-decoration:none; outline:none; font-weight: bold; color:black; } a:hover,a:active { text-decoration:none; outline:none; font-weight: bold; color:#e8280b; } /* CONSTRUCTION */ .width33 { width:320px; } .width66 { width:660px; } .width50 { width:50%; } .width100 { width:100%; } .width100 { padding:0 15px 5px; margin-bottom:10px; overflow:auto; } .capital { text-transform: uppercase; } .gauche { float:left; } .droite { float:right; } .droite2 { float:right; } .centrer { text-align:center; } .cacher { display:none!important; } .afficher { display:auto; } .radius0 { -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0; } .radius5 { -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .radius15 { -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; border-radius:15px; } .padding10 { padding:10px; } .padding20 { padding:20px; } .gros { font-size:1.2em; } .petit { font-size:0.8em; } .book { font-family:"AvBook" } .medium { font-family:"AvMedium" } .black { font-family:"AvBlack" } .inline { display:inline; } .block { display:block; } .bbox { -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .clr { clear:both; height:0; line-height:0; } .clearfix { *zoom:1; } .clearfix:before, .clearfix:after { display:table; line-height:0; content:" "; } .clearfix:after { clear:both; } .notxt { text-indent:-8000px; direction: ltr; } .demi { width:50%; } .demi h2 { margin-top:0; } .demi img { width:100%; height:auto; } .demi .bigbutton{ display:block; margin:5px 0; } .relative { position:relative; } .absolute { position:absolute; } .marget20 { margin-top:20px; } .marget50 { margin-top:50px; } .uppercase { text-transform:uppercase; } .trans05 { -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } /* tableaux */ .table_conso { color:#263511; max-width:640px; border-spacing:0; width:100%; } .table_conso th { padding:5px 0 5px 8px; text-align:left; font-weight:normal; } .table_conso td { padding:3px 0; text-align:center; } .ligne_entete th { text-align:center; color:#4d683d; font-size:12px; line-height:11px; } .ligne_impaire { background-color:#f0f7e8; } .ligne_paire { background-color:#d8ebc5; } .conso_asterix { font-style:italic; font-size:12px; color:gray; margin:0; height:20px; } .conso_source { background-color:#d8ebc5; float:right; font-size:12px; height:20px; margin-top:-20px; text-align:center; width:80px; color:green; } .ligne_paire td:last-child, .ligne_impaire td:last-child { width:140px; border-left:1px dashed #97ae88; } .ligne_paire th:first-child, .ligne_impaire th:first-child { width: 350px; border-right:1px dashed #97ae88; } /* .container { padding:auto 15px; margin:auto; } @media (min-width: 768px) { .container { width:750px; } } @media (min-width: 1200px) { .container { width:1020px; } } */ /* CHARTE GENERAL */ #mainsite { margin:0 auto 30px; background-color:white; padding:0 15px 15px; position:relative; width:1020px; min-height:400px; } #mainMenu { width:1020px; } /* header */ #header { height:170px; width:100%; position:relative; padding:0; } #headerLeft, #headerCenter, #headerRight { height:110px; } #header * { -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .headerSet { overflow:auto; } #headerLeft { float:left; padding:0; width:33.3333%; } #headerLeft a { display:block; padding:45px 0 0 0; } #headerCenter { float:left; padding:30px 15px 0 0; width:50%; } #headerCenter > div { text-align:right; } #headerCenter .cncrech { margin:0; position:relative; } button.icon-loupe { display:block; right:0; top:0; position:absolute; background:transparent none repeat scroll 0 0; border:medium none; padding:3px 0 0 5px; width:50px; height:40px; content:"\e903"; font-size:30px; line-height:40px; color:white; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; } button.icon-loupe:hover { color:#f1fbfc; } #headerCenter > div > a { color:black; text-transform:uppercase; font-size:0.8em; line-height:0.8em; } .inputRecherche { width:100%; border:none; padding:0 15px; color:white; background-color:#e8280b; box-shadow:none; line-height:40px; height:40px; } .nvlleRecherche .nvlleRechFond { margin-right:40px; } #nvlleRecherche { margin:0; position:relative;} #headerRight { float:right; position:relative; padding:5px 0 0; width:16.6667%; } #headerRight a:hover, #headerRight a:active { color:#e8280b; } .userMenu div { text-align:right; text-transform:uppercase; font:0.85em/1.8em "AvBook",sans-serif; color:black; } .userMenu a, .socialMenu a { color:black; } .userMenu a:hover { text-decoration:underline; } .socialMenu { text-align:right; padding-top:5px;} .socialMenu a { font-size:34px; display:inline-block; margin-left:2px; } /* menu dynamique (dropdown) */ #menu-button { display:none; } .MenuCNC { position:absolute; width:1020px; z-index:550; background-color:black; } #CNCmenu > li > a, #CNCmenu .separator { cursor:pointer; display:block; height:40px; width:auto; text-decoration:none; padding:0 13px; font: 12px/40px "AvMedium",sans-serif; color:white; text-transform:uppercase; text-align:center; border-right:1px solid #6f6e6e; } #cssmenu { margin:0 0 0 -15px; padding:0; line-height:1; display:block; position:relative; } #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin:0; padding:0; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #cssmenu:after, #cssmenu > ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } #cssmenu #menu-button { display:none; } #cssmenu { font: 1rem/40px "AvMedium",sans-serif; color:white; background:black; } #cssmenu a { display:block; font:1rem/40px "AvMedium", sans-serif; color:white; padding:0 18px; border-right:0px solid #6f6e6e; } #cssmenu .icon-home::before { vertical-align:-80%; } #CNCmenu a:hover, #CNCmenu a:active { background-color:#333333; } #CNCmenu a.greyLink:hover, #CNCmenu a.greyLink:active { background-color:#333333; } #cssmenu > ul > li { float:left; } #cssmenu.align-center > ul { font-size:0; text-align:center; } #cssmenu.align-center > ul > li { display:inline-block; float:none; } #cssmenu.align-center ul ul { text-align:left; } #cssmenu.align-right > ul > li { float:right; } #cssmenu > ul > li > a { padding:14px 22px; /*background:url(../images/fleches-menu.png) no-repeat right top;*/ } #cssmenu > ul > li:hover > a { color:#ffffff; } #cssmenu > ul > li.has-sub > a { padding-right:30px; } #cssmenu ul ul { position:absolute; left:-9999px; } #cssmenu.align-right ul ul { text-align:right; } #cssmenu ul ul li { height:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } #cssmenu li:hover > ul { left:auto; } #cssmenu.align-right li:hover > ul { left:auto; right:0; } /* hauteur des li */ #cssmenu li:hover > ul > li { height:35px; } #cssmenu ul ul ul { margin-left:100%; top:0; } #cssmenu.align-right ul ul ul { margin-left:0; margin-right:100%; } #cssmenu ul ul li { background:white; } #cssmenu ul ul li a { border-bottom:0; padding:11px 15px; width:200px; font-size:13px; text-decoration:none; color:black; font-weight:400; background:white; } #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom:0; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color:#ffffff; } /* importantes modifs PP */ #cssmenu > ul > li.has-sub > a:before { content:""; width:0; height:0; border-style:solid; border-width:4px 0 4px 7px; border-color:transparent transparent transparent white; position:absolute; top:16px; right:10px; display:block; } #cssmenu > ul > li.has-sub:hover > a:before { /*top:23px; height:0;*/ border-width:7px 4px 0 4px; border-color:white transparent transparent transparent; } #cssmenu ul ul li.has-sub > a:before { content:""; width:0; height:0; border-style:solid; border-width:4px 0 4px 7px; border-color:transparent transparent transparent red; position:absolute; top:16px; right:10px; display:block; } #cssmenu ul ul > li.has-sub:hover > a:before { border-color:transparent transparent transparent white; } #cssmenu ul li.chroniques li { /*width:200px;*/ height:50px; } /* agrandissement du dropdown chroniques, afin de passer le titre sur une ligne */ #CNCmenu li:hover { background-color:#333333; } #CNCmenu ul ul li, #CNCmenu ul ul li a { background-color:#333; color:white; } #CNCmenu ul ul li a:hover { background-color:#9a9a9a; color:white; } #CNCmenu ul > li:hover > a { background-color:transparent; } #CNCmenu a.home { background-color:#e8280b; font-size:1.2rem; padding:0 26px; } #cssmenu a.annonce { background-color:#fabf1b; padding:14px 21px; border-right:none; color:black; } #cssmenu a.annonce:hover, #cssmenu a.annonce:active { background-color:#fbc632; } #cssmenu .droite { position:absolute; right:0; z-index:10; } /* contenu desktop */ .rowcnc { } .overflowauto { overflow:auto; } #contenu { padding-top:15px; position:relative; } .rowcnc h1, .rowcnc h2 { color:white; font:normal 16px/40px "AvBook", sans-serif; background-color:#515151; text-align:left; text-transform:uppercase; margin:0; } .rowcnc .bloc { background-color:#f5f0f0; margin-bottom:10px; } .rowcnc .bloc h2{ padding-left:10px; } .rowcnc .arrows { background:#515151 url(/images/flechesh2.png) no-repeat right 12px; } .width100 h2 { margin:0 -15px 10px; } .width100 .alafficheImg { width:320px; } .width100 .alafficheTxt { width:630px; } .width100 .alafficheTxt h4 {font-size:1.2em; text-transform:uppercase; } #bannerPromo a { width:100%; height:160px; display:block; } .filArianeNewsInfos { min-height:30px; } /* fil d'ariane */ .filAriane { float:left; font:normal 14px/20px "AvBook", sans-serif; color:black; padding:10px 0 5px; } .filAriane a { color:black; } .filAriane a:hover, .filAriane a:active { text-decoration:underline; } .filAriane a:last-Child { text-decoration:underline; } .filAriane span.icon-arrow-double:before { font-size:10px; } /* newsInfos */ .newsInfos { float:right; text-align:right; font:italic 12px/20px "AvBook", sans-serif; color:#7c7c7c; padding:10px 0 5px; } /* slider - homeslider */ #homeSlider { width:100%; height:335px; display:block; text-align:left; margin-bottom:10px; } #homeSlider ul { margin:0; } #homeSlider ul * { text-align:left; } .homeSliderTxt { float:right; width:490px; height:335px; color:white; line-height:65px; background-color:#f5f0f0; padding:10px 30px 10px 40px; } .homeSliderTxt h2 { font: normal 26px/32px "AvBlack", sans-serif; color:#222222; text-transform:normal; } .homeSliderTxt h2:hover { color:#e8280b;} .homeSliderTxt p { font: normal 16px/20px "AvMedium", sans-serif; color:black; } #homeSlider .slideImg { float:left; display:block; width:500px; height:335px; } /* Contenu gauche */ .contentLeft { float:left; width:660px; } .dailySell { height:270px; } /* trouver un évènement par région */ .eventRegion { height:330px; } .eventRegion .gauche { width:250px; padding:15px 25px; } .eventRegion .droite { width:300px; padding:70px 50px 0 0;} .eventRegionForm { } .eventRegionForm form { text-align:right; } .eventRegionForm button { margin-top:15px; } /* trouver un billet par région */ .ticketRegion { height:455px; } .ticketRegion .gauche { width:250px; padding:15px 25px; } .ticketRegion .droite { width:300px; padding:10px 50px 0 0;} .ticketRegion .droite p { font: normal 14px/18px "AvBook", sans-serif; color:black; } .ticketRegionForm { } .ticketRegionForm form { text-align:right; } .ticketRegionForm button { margin-top:15px; } .mapTooltip { background-color:#515151; border-radius:10px; color:white; display:none; max-width:130px; opacity:0.7; padding:5px 8px; position:fixed; z-index:1000; font-size:10px; line-height:10px; text-align:center; } /* Select - css */ .select-cnc select { width:315px; height:42px; padding:5px; background:transparent; border:0; border-radius:0; -webkit-appearance:none; color:#878787; } .select-cnc { width:300px; height:42px; overflow:hidden; background:white url("/images/select-open.png") no-repeat right 0; border:none; float:right; } .select-cnc option { padding:10px 0; } .select-cnc select:focus { outline:none; border:0; } /* à l'affiche - à découvrir - dernières chroniques (chronAlbum et chronConcert), dernieresNews prochainsConcerts */ .dernieresNews .pcLigne, .dernieresCritiques .pcLigne, .derniersConcertsSide .pcLigne, .topFestivals .pcLigne { padding-left:10px; } .aLaffiche p, .aDecouvrir p, .dernieresChron p, .dernieresNews p, prochainsConcerts p, .derniersConcerts p { font:normal 12px/18px "AvBook"; } .aLafficheRow, .aDecouvrirRow, .dernieresChronRow { width:100%; display:table-row; } .aLafficheBloc, .aDecouvrirBloc, .dernieresChronBloc { width:50%; display:table-cell; padding:10px; } .aLafficheBloc > a, .aDecouvrirBloc > a, .dernieresChronBloc > a { float:left; padding:0.35em 10px 0 0; } .aLaffiche .ville, .aDecouvrir .ville, .dernieresChron .ville, .dernieresChron .artiste, .dernieresChron .date, .dernieresChron .salle { font:normal 14px/16px "AvBlack"; display:block; text-transform:uppercase; margin:0; padding:0; } .aLafficheBloc > p, .aDecouvrirBloc > p, .dernieresChronBloc > p { display:table; } .voirTous { display:block; text-align:right; padding:5px 15px 20px 0; } .voirTous label { display:inline-block; background:#dcdada; text-align:center; margin-bottom:15px; line-height:20px; height:20px; padding:5px 10px;} .voirTous .select { display:inline; } .voirTous .suivant { font-size:12px; margin-left:0; } .voirTous select.joursuiv, .voirTous select.moissuiv, .voirTous select.anneesuiv, .voirTous select.stylesuiv { padding-left:10px; background:white; border:0 none; color:#878787; margin-left:10px; height:30px; } .voirTous select.joursuiv {width:50px;} .voirTous button { padding:7px 15px; margin-left:10px; } .voirTous a { color:#e8280b; font:bold 12px/14px "AvMedium",sans-serif; text-transform:uppercase; } .voirTous2 a { color:#e8280b;} .dernieresNews .pcLigne .artiste { width:auto; padding-right:10px; } .dernieresNews .artiste span { display:block; text-transform:none; font-size:12px; line-height:16px; } .dernieresNews .artiste span.black { display:block; font-size:14px; line-height:18px; } .chronConcert { } .chronAlbum { } .dernieresNews .pcLigne .emailing { font:14px/24px "AvBook",sans-serif; } .dernieresNews .pcLigne .emailing p { font:14px/24px "AvBook",sans-serif; } .artiste .img > img { background-color:#dddddd;} /* derniersConcertsSide */ .derniersConcertsSide p { margin:0; } .derniersConcertsSide .pcLigne .artiste { width:100%; } .derniersConcertsSide .nom { text-transform:uppercase; font-size:14px; line-height:16px; } .derniersConcertsSide .lieu { text-transform:none; font-size:13px; } /* boutons plus d'infos */ .plusInfos .less { text-align:right; padding-right:10px; } .plusInfos p { font-size:12px; line-height:15px; } .plusInfos { padding-left:70px; height:auto; line-height:normal; } .plusInfosDesc { display: none; text-transform:none; padding-bottom:10px; padding-top:8px; margin:4px 10px 0 0; border-top:1px solid #cdcdcd; text-align:justify; line-height:18px; } .plusBtnMore, .plusBtnLess { cursor:pointer; font-size:10px; color:#515151; } /* prochains concerts */ .prochainsConcerts .pcLigne { text-transform:uppercase; } .prochainsConcerts .pcLigne .artiste { width:410px; position:relative; } .prochainsConcerts .artiste span { font-size:12px; line-height:12px; } .prochainsConcerts .artiste span.black { display:block; font-size:14px; } .date { margin-left:10px; } .date p { margin:0; text-align:left; } .date .jour { font-size:10px; } .date .jourNum { font-size:30px; padding:2px 0 5px; } .date .mois, .date .annee { font-size:12px; line-height:11px; } .prochainsConcerts .pcLigne { min-height:95px; height:auto; } .prochainsConcerts span.horaires, .prochainsConcerts span.prix { display:inline; font-size:12px; } .prochainsConcerts .prix { padding-left:20px; } .prochainsConcerts .commande { width:160px; margin-right:10px; } .prochainsConcerts .reserver, .prochainsConcerts .partager { width:100%; display:block; } .prochainsConcerts .reserver { background-color:#e8280b; color:white; font:1.1em/1.1em "AvBook",sans-serif; padding:12px 15px; text-align:center; } .prochainsConcerts .reserverbientot { background-color:#515151; color:white; font:0.8em/1em "AvBook",sans-serif; padding:12px 15px; text-align:center; text-transform:none; display:block; width:100%; } .prochainsConcerts .partager { position:absolute; width:160px; right:10px; top:50px; font-size:10px; color:#515151; text-align:right; padding-top:10px; } .prochainsConcerts .partager:hover { color:#e8280b; } .partager.icon-partage:before { padding-right:5px; } .prochainsConcerts .plusInfos { padding-left:140px; height:auto; line-height:normal; } .prochainsConcerts .plusInfosDesc { display: none; text-transform:none; padding-bottom:10px; padding-top:8px; margin:4px 10px 0 0; border-top:1px solid #cdcdcd; text-align:justify; line-height:18px; } .prochainsConcerts .plusBtnMore, .prochainsConcerts .plusBtnLess { cursor:pointer; font-size:10px; color:#515151; } .lienArtiste .iconeDroite[class*=" icon-"]:after { color:#e8280b; } .lienArtiste [class*="icon-music-"]:before { color:#e8280b; padding-left:0; font-size:1.8em; vertical-align:-20%; } .prochainsConcerts.side .pcLigne .artiste { width:230px; position:relative; } .prochainsConcerts.side span.horaires { display:block; line-height:12px; } .prochainsConcerts.side .lienArtiste .img { min-height: 80px; } .prochainsConcerts.side .liens { width:230px; text-align:right; } .prochainsConcerts.side .prix, .prochainsConcerts .reserverSide { font-size:10px; display:inline; } .prochainsConcerts.side .prix { padding:0; color:#ab182b; display:inline; line-height:12px; } .prochainsConcerts.side .prix:after { padding:0 5px; content:" | "; } .prochainsConcerts.side .lienArtiste { min-height:55px; } .prochainsConcerts .less { padding-top:10px; } /* historique des concerts */ .histo { color:#999999;} /* derniereEdition */ .derniereEdition .commande { width:160px; margin-right:10px; text-align:center; } .derniereEdition .pcLigne { padding-bottom:10px; } .derniereEdition .nbreChroniques { color:#494546; padding-left:0; font-size:1; text-decoration:none; } .derniereEdition .nbreChroniques .txt { text-decoration:underline; } .derniereEdition .icon-commentaires:before { padding-left:0; font-size:1.8em; vertical-align:-30%; } .derniereEdition .nbreChroniques:hover { color:#e8280b; } .derniereEdition .publier { width:100%; display:block; background-color:#e8280b; color:white; font:1.1em/1.1em "AvBook",sans-serif; padding:5px 15px; text-align:center; text-transform:uppercase; } .derniereEdition .artiste span.black { display:block; font-size:14px; } .derniereEdition [class*="icon-music-"]:before { color:#e8280b; padding-left:0; font-size:1.8em; vertical-align:-20%; } .derniereEdition .pcLigne .artiste { width:410px; position:relative; } .derniereEdition .pcLigne .desc { text-transform:none; font:12px/15px "AvBook",sans-serif; } /* programmeFestival */ .programmeFestival .jour { text-transform:none; padding-bottom:15px; } .programmeFestival .resume { overflow:auto; padding-bottom:10px; } .programmeFestival h3.libelle { text-transform:uppercase; padding:0 10px; font:1.2em/1.4em "AvBlack",sans-serif; } .programmeFestival .pcLigne { } .programmeFestival .pcLigne .artiste { width:100%; padding:0 10px; ; position:relative; } .programmeFestival .artiste span { font-size:12px; line-height:12px; } .programmeFestival .artiste span.black { display:block; font-size:14px; } .programmeFestival [class*="icon-music-"]:before { color:#e8280b; padding-left:0; font-size:1.8em; vertical-align:-20%; } .programmeFestival .desc [class*="icon-"]:before { color:#e8280b; padding-left:0; font-size:1.7em; vertical-align:-20%; } .programmeFestival .pcLigne { min-height:95px; height:auto; } .programmeFestival p.desc, .programmeFestival span.desc { display:inline; font-size:12px; text-transform:none; } .programmeFestival .date { background-color:#fcf9f9; font:16px/30px "AvBlack",sans-serif; padding:20px 20px 2px 20px; margin-left:-10px; color:#e8280b; } .programmeFestival .separe { background-color:#fcf9f9; font:14px/30px "AvBlack",sans-serif; padding:5px 20px 2px 20px; margin-left:-10px; color:#e8280b; } .programmeFestival .jour .horaires, .programmeFestival .salle, .programmeFestival .jour .prix { padding-left:10px; font:1em/1em "AvBook",sans-serif; } .programmeFestival .jour .txt { padding-left:14px; width:490px; font-size:12px; text-transform:none; display:block;} .programmeFestival .jour .prix { display:block; margin-top:8px; } .programmeFestival .commande { width:140px; margin-right:10px; } .visuelconcert, .visuelconcert img {width:100%; height:auto;} .visuelconcert {margin-top:-43px;} .programmeFestival .reserver, .programmeFestival .partager { width:100%; display:block; } .programmeFestival .reserver { background-color:#e8280b; color:white; font:1.1em/1.1em "AvBook",sans-serif; padding:12px 15px; text-align:center; text-transform:uppercase;} .programmeFestival .reserverbientot { background-color:#515151; color:white; font:0.8em/1em "AvBook",sans-serif; padding:12px 15px; text-align:center; text-transform:none; display:block; width:100%; } .programmeFestival .partager { width:140px; font-size:10px; color:#515151; text-align:right; padding-top:5px; } .programmeFestival .partager:hover { color:#e8280b; } .partager.icon-partage:before { padding-right:5px; } .programmeFestival .voirTous { padding:5px 10px 20px 0; } /* chroniquesFestival */ .chroniquesFestival .pcLigne .artiste { width:100%; padding:0 10px; ; position:relative; } .chroniquesFestival .artiste span.black { display:block; font-size:14px; } .chroniquesFestival .img { float:left; } .chroniquesFestival p.desc, .chroniquesFestival span.desc { width:550px; float:left; display:inline; padding:0; font:12px/15px "AvBook",sans-serif; text-transform:none; } .chroniquesFestival .plusInfos { padding-left:60px; } .chroniquesFestival .plusInfosDesc p.desc { padding:0 0 20px 0; } /* Festival - incontournables */ .incontournables { } .incontBloc { } .incontRow img { width:100px; } .incontRow span { padding: 0; margin: 0; font: 14px/16px "AvBlack"; text-transform:none; } .incontRow .nom { font: 14px/16px "AvBlack"; text-transform:uppercase; } .incontRow .ville { font: 14px/16px "AvBook"; padding:5px 0; text-transform:none; } .incontRow .date { font: 14px/16px "AvBook"; font-style:italic;color:gray; text-transform:none; } .incontRow .genre { text-align:left;} .incontRow [class*="icon-music-"]:before { color:#e8280b; padding-left:0; font-size:1.6em; vertical-align:-20%;line-height:10px; } /* festival - prochainsFestivals */ .prochainsFestivals .infosFest { padding-bottom:10px; } .prochainsFestivals .infosFest span { display:inline; font-size:1em; } /* misesEnVente side */ .misesEnVente .pcLigne .artiste { width:240px; position:relative; } .misesEnVente .nom { display:block; font-size:14px; line-height:16px; } .misesEnVente .horaires { font-size:13px; } .misesEnVente .date { /* voir dans prochainsconcerts */ } .misesEnVente .pcLigne .voirTous { position:absolute; right:10px; bottom:10px; padding:0; } /* a proximite */ .aproximite { padding:0 15px; } .aproximite h2 { margin:0 -15px 15px; } .aproximite a.prox { display:block; float:left; width:50%; color:black; padding:5px 0; } .aproximite a.prox:link, .aproximite a.prox:visited { color:black; } .aproximite a.prox:hover, .aproximite a.prox:active { color:#e8280b; text-decoration:none; } .aproximite .salle { font:normal 1em/2em "AvBlack"; } .aproximite .ville { font:normal 1em/2em "AvBook"; } .aproximite .voirTous { margin-top:20px; clear:both; } /* a decouvrir */ .adecouvrir { padding:0 15px; } .adecouvrir h2 { margin:0 -15px 15px; } .adecouvrir a.decouv { display:block; float:left; width:50%; color:black; padding:5px 0; } .adecouvrir a.decouv:link, .adecouvrir a.decouv:visited { color:black; } .adecouvrir a.decouv:hover, .adecouvrir a.decouv:active { color:#e8280b; text-decoration:none; background-color:#fcf9f9; } .adecouvrir .img { padding-left:10px; } .adecouvrir .nom { overflow:hidden; display:block; height:45px; padding:5px 0 0 6px; font:normal 14px/1.2em "AvBlack"; text-transform:uppercase; } /* btn en voir plus */ .less.active .button-read-more { display:none; } .button-read-less { display:none; } .less.active .button-read-less { display:block; } .more { margin-top:10px; } .more p { margin:0; padding:0; } /* icone à droite d'un titre */ .iconeDroite[class*=" icon-"]:after { padding-left:2px; } .iconeDroite.icon-arrow-bottom:before { content:""; } .iconeDroite.icon-arrow-top:before { content:""; } .iconeDroite.icon-arrow-bottom:after { content:"\e903"; vertical-align:-7%; } .iconeDroite.icon-arrow-top:after { content:"\e90d"; vertical-align:-5%; } .iconeDroite[class*=" icon-music-"]:after { padding-left:6px; font-size:1.8em; vertical-align:-20%; } .iconeDroite.icon-music-chanson:after { content:"\e927"; } .iconeDroite.icon-music-chanson:before { content:""; } .iconeDroite.icon-music-electro:after { content:"\e928"; } .iconeDroite.icon-music-electro:before { content:""; } .iconeDroite.icon-music-jazz:after { content:"\e929"; } .iconeDroite.icon-music-jazz:before { content:""; } .iconeDroite.icon-music-metal:after { content:"\e92a"; } .iconeDroite.icon-music-metal:before { content:""; } .iconeDroite.icon-music-rap:after { content:"\e92b"; } .iconeDroite.icon-music-rap:before { content:""; } .iconeDroite.icon-music-reggae:after { content:"\e92c"; } .iconeDroite.icon-music-reggae:before { content:""; } .iconeDroite.icon-music-rock:after { content:"\e92d"; } .iconeDroite.icon-music-rock:before { content:""; } .iconeDroite.icon-music-world:after { content:"\e92e"; } .iconeDroite.icon-music-world:before { content:""; } /* Contenu droite */ .contentRight { float:right; width:320px; } /* festivals (side) */ .blocAvecPub { overflow:auto; } .festivals { width:190px; height:600px; text-align:center; float:left; } .festLignes:hover .festLigne { opacity:0.3; } .festLignes .festLigne:hover { opacity:1; } .festLigne { display:block; margin:8px 0; } .stylesFest { } .stylesFest .pcLigne .lienArtiste { min-height:45px; } .stylesFest [class*="icon-music-"]:before { font-size:2em; color:#e8280b; } .festival.eventRegion .droite { padding-right:30px; } .dernNewsFest span.inline { display:inline; } .dernNewsFest [class*="icon-music-"]:before { font-size:2em; color:#e8280b; } .dernNewsFest .festDesc { } .dernNewsFest .festDateLabel { } .dernNewsFest .festDate { } .dernNewsFest .pcLigne .artiste { width: 100%; } .festivalHome .eventRegion { overflow:hidden; } /* news */ .newsRow { width:100%; overflow:auto; } .newsBloc { float:left; width:50%; padding:10px 10px 20px; } .newsBloc:hover { background-color:#fcf9f9; } .newsBloc.right { } .newsBloc a { display:block; } .newsBloc a img { width:100%; } .newsBloc h3 { color:black; font: normal 24px/26px "AvMedium", sans-serif; margin:5px 0 10px; } .newsBloc .preview { color:black; font: normal 14px/18px "AvBook", sans-serif; margin:20px 0 0; } .newsBloc .newsInfos { color:#aaaaaa; font: normal 10px/12px "AvMedium", sans-serif; margin:4px 0; text-align:left; float:none; padding:0; overflow: hidden; text-overflow: ellipsis; } .newsBloc .author { } .newsBloc .date { } .newsBloc .comm { } .newsInfos .author, .newsInfos .date, .newsInfos .comm { padding-right:8px; margin:0; } .newsInfos .author:before, .newsInfos .date:before, .newsInfos .comm:before { padding-right:3px; } .newsArticle { padding:40px 10px 10px 0; font: normal 16px/26px "AvBook", sans-serif; } .newsArticle h1 { background-color: transparent; color: black; font: 32px/36px "AvMedium",sans-serif; text-transform: none; } .newsArticle h3 { font: normal 20px/28px "AvBlack", sans-serif; } .newsArticle p { margin:20px 0 0; } .newsArticle .newsInfos { float:none; text-align:left; font-size:14px; } .socialButtons { width:100%; font: normal 14px/16px "AvMedium", sans-serif; text-transform:uppercase; margin:10px 0 30px; overflow:auto; } .socialButtons a { padding:5px 30px 5px 5px; width:24%; margin-right:1.33%; display:block; float:left; color:white; text-align:right;} .socialButtons a:first-Child { margin-right:1.34%; } .socialButtons a:last-Child { margin-right:0; } .socialButtons .facebook { color:white; background:#3b5998 url(/images/socials-fcbk.png) no-repeat 15px center; } .socialButtons .twitter { color:white; background:#55acee url(/images/socials-twitter.png) no-repeat 15px center; } .socialButtons .email { color:white; background:#444444 url(/images/socials-email.png) no-repeat 15px center; } .socialButtons .print { color:white; background:#999999 url(/images/socials-print.png) no-repeat 15px center; } .newsArticle .image, .newsArticle img { width:100%; } .newsArticle .legende { display:block; font:12px/12px "AvBlack",sans-serif; margin-bottom:15px; } .newsArticle .commentaires { } .newsArticle .newsLaisserComm { width:100%; font-size:1em; line-height:1em; } a.buttonProfilComplet { margin:10px 0; display:block; background-color:#e8280b; color:white; font:1em/1em "AvBook",sans-serif; padding:12px 15px 12px 20px; text-transform:uppercase; } .buttonProfilComplet:before { font-size:1.4em; margin-right:0; vertical-align:-20%; } .buttonProfilComplet:hover { background-color:#ab182b; } .relativeNews { margin:30px 0 10px; } .relativeNewsBloc .newsInfos { padding:5px 0 20px; text-align:left; float:none; } .relativeNewsBloc p { margin:0; font:18px/24px "AvMedium",sans-serif; } .relativeNews h3 { color:#999999; font-size:15px; line-height:20px; text-transform:uppercase; } .relativeNewsBloc > img { width:100%; } /* chroniques */ .nbreCritiques { padding-right:10px;} h2 .nbreCritiques { position:absolute; right:0; top:0; text-align:right; width:160px;} .h2txt { display: block; line-height:18px!important; padding:10px 0; width: 480px;} .nbreCritiques .nombre { padding-left:5px; font-size:0.8em; text-transform:none; } .notation .nbreCritiques { display:block; width:50%; float:left; padding:4px 0; font-size:1.2em; } .nbreCritiques.note0 { } .nbreCritiques.note1 { } .nbreCritiques.note2 { } .nbreCritiques.note3 { } .nbreCritiques.note4 { } .nbreCritiques.note5 { } .chroniques .notation { overflow:auto; padding:0 10px 10px 20px; margin-bottom:15px; width:100%; background-color:white; border-bottom:1px solid gray; } .nbreCritiques .icon-star-empty::before, .nbreCritiques .icon-star-half::before, .nbreCritiques .icon-star-full::before { margin:0; } h2 .nbreCritiques .icon-star-empty::before { color:white; } .nbreCritiques .icon-star-empty::before { color:black; } .nbreCritiques .icon-star-half::before, .nbreCritiques .icon-star-full::before { color:#e8280b; } .nbreCritiques .noteDesc { padding-left:5px; font-size:0.8em; text-transform:uppercase; } .chroniques .pcLigne { padding:0 10px; width:100%; } .chroniques .pcLigne .artiste { width:100%; padding-right: 10px; } .chroniques .artiste span { text-transform:none; } .chroniquesHeader { padding:10px 10px 20px; } .chroniquesHeader .textetri { font:normal 14px/18px "AvBook"; } .chroniquesHeader .bouton a { display:block; padding:5px 15px; background-color:#e8280b; color:white; margin:0 auto; text-align:center; } .chroniquesHeader .bouton a:hover { background-color:#ab182b; } .chroniquesHeader label, .chroniquesHeader input { font-size:14px; line-height:14px; display:inline-block; line-height:30px; height:30px; padding:5px 10px; } .chroniquesHeader label { width:200px; background:#dcdada; text-align:center; margin-bottom:10px; } .chroniquesHeader input { width:200px; background:white; border:0 none; color:#878787; margin-bottom:10px; } .chroniquesHeader button { display:inline-block; float:right; width:120px; font-size:12px; line-height:32px; padding:5px 10px; margin-right:0px; } .chroniques .icon-criticoncert:before { font-size:2em; vertical-align:-25%; } .chroniques .icon-commentaires:before { font-size:2em; vertical-align:-25%; padding-right:5px; } .chroniques .icon-enveloppe:before { font-size:2em; vertical-align:-25%; } .dernieresCritiques .pcLigne .lienArtiste { font-size:14px; line-height:16px; } .dernieresCritiques .pcLigne .lienArtiste .nom { margin-bottom:0; } .dernieresCritiques .lieu { text-transform:none; font-size:0.8em; color:gray; display:inline; } .dernieresCritiques .date { text-transform:none; font-size:0.8em; color:gray; display:inline; } .critiques .lienArtiste img { width:100px; } .critiques h3 { font-size:1em; text-transform:uppercase; } .critiques h3 .titreH3 { display:inline-block; max-width:530px; color:black; } .critiques h3 .titreH3:hover { color:#e8280b; } .critiques h3 .nbreCritiques { } .critiques .auteur { color:gray; font-style:italic; margin-bottom:0; } .critiques .infos { height:auto; width:100%; } .critiques h3, .critiqueHeader { padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #c0c5c8; } .critiques .critiqueHeader p { margin:3px 0 2px;} .critiques .infos { font:normal 13px/18px "AvBook";} .critiques .lieu { } .critiques .date { } .critiques .lieu:before { vertical-align:-10%; font-size:1.2em; } .critiques .date:before { vertical-align:-15%; font-size:1.3em; } .critiques .uneCritique { padding:20px 10px; } .uneCritique .critiqueHeader { position:relative; } .critiques .critiqueDesc { overflow:auto; } .critiques .critiqueVignette { width:120px; float:left; margin-top:0.35em; } .critiques .critiqueTxt { width:510px; float:right; padding-right:10px; font:normal 14px/18px "AvBook"; margin-bottom:0; } .critiques .critiquesansvisuel { width:100%; } .uneCritique h3 { font: normal 18px/20px "AvMedium", sans-serif; } .uneCritique .iconesPhotoVideo { font-size:2.3em; position:absolute; right:5px; top:0;text-align:right; } .uneCritique .icon-photo, .uneCritique .icon-video { padding-left:0; } .uneCritique .genre [class*="icon-music-"]:before { color:#e8280b; padding-left:0; font-size:1.8em; vertical-align:-20%; } .uneCritique .voirPlus { color:gray; } .uneCritique .actions { overflow:auto; margin:10px 0 20px; } .uneCritique .actions a { background-color:#e8280b; color:white; display:block; font-size:1em; line-height:30px; margin:10px 0 0; text-align:center; text-transform:uppercase; width:48%; float:left; margin:0 1% 0 0; } .uneCritique .actions a:last-child { float:right; margin:0 0 0 1%; } .uneCritique .actions a:hover { background-color:#ab182b; } .chroniques .actions .icon-criticoncert::before, .chroniques .actions .icon-arrow-simple-droite::before { font-size:1.2em; vertical-align:-10%; } .chroniquesReview .critiqueBloc { background-color:white; } .chroniquesReview .descCritique img {width:100%; height:auto;} .chroniquesReview .critiqueHeader .infos { height:auto; width:auto; max-width:530px; } .chroniquesReview .critiqueHeader .date { display:block; margin:5px 0; } .chroniquesReview .critiqueHeader .icon-marqueurmap:before, .chroniquesReview .critiqueHeader .icon-timer:before { font-size:1.5em; margin-left:-5px; vertical-align:-15%; } .chroniquesReview .critiqueHeader .iconesSociaux a { color:black; font-size:1.5em; } .chroniquesReview .critiqueHeader .iconesSociaux a:hover { color:#ab182b; } .chroniquesReview div.nbreCritiques { font-size: 1.2em; margin: 5px 0; } .chroniquesReview .uneCritique .critiqueHeader { position: relative; overflow: auto; border-bottom:none; min-height:120px; } .chroniquesReview h3 a { line-height:1.2em; } .chroniquesReview .visuelChroniqueReview { height:120px; margin-right:20px; } .chroniquesReview .uneCritique { padding:0 10px; border-bottom:0; background-color:#f5f0f0; } .chroniquesReview .uneCritique h3 { margin-top:10px; font-size:1.4em; } .chroniquesReview .descCritique { padding:0 10px; font:16px/26px "AvBook",sans-serif; } .chroniquesReview .descCritique .legende { display: block; font: 12px/12px "AvBlack",sans-serif; margin-bottom: 15px; } /* .chroniquesReview .descCritique .image, .chroniquesReview .descCritique img { width:100%; } */ .chroniquesReview .alertes { float:none; width:250px; margin:0; position:absolute; bottom:10px; right:0; } .chroniquesReview .reagir.icon-commentaires::before { font-size:1.5em; padding-right:5px; vertical-align:-20%; } .chroniquesReview .reagir { width:100%; margin:10px 0; } .dernieresChronBloc .nbreCritiques { margin-top:-5px; } /* concours */ .concours { overflow:auto; } .concours .gauche { padding:15px; } .concours .droite { padding:15px 15px 0 0; width:160px; } .concours h3, .concours p { margin:0; color:#515151; } .concours h3 { font-size:1.1em; } .concours p { font-size:0.9em; line-height:1.2em; } .concours a { margin:10px 0 0; display:block; background-color:#e8280b; color:white; font-size:0.8em; line-height:30px; text-align:center; } .concours a:hover { background-color:#af2436; } /* les plus consultés */ .plusConsultes { } .plusConsultes h2 { margin-bottom:10px; } .plusConsultes p { margin:10px 10px; height:auto; } .pcLigne { overflow:auto; height:auto; min-height:70px; padding-top:10px; border-bottom:1px solid #cdcdcd; position:relative; } .pcLigne:last-child { border-bottom:none; } .pcLigne:hover { background-color:#fcf9f9; } .pcLigne .placement { float:left; width:70px; height:100%; text-align:center; } .pcLigne .numero { font: normal 28px/28px "AvBlack", sans-serif; color:#101010; margin:0; } .pcLigne .artiste { float:left; width:250px; height:100%; } .pcLigne .artistelong { float:left; height:100%; } .pcLigne .lienArtiste { display:block; height:100%; color:#101010; text-transform:uppercase; font-size:16px; line-height:20px; } .pcLigne .lienArtiste :hover { color:#e8280b; } .lienArtiste >img { float:left; padding-right:10px; } .lienArtiste .img { float:left; padding-right:10px; padding-bottom:15px; height:100%; } .pcLigne .up:after, .pcLigne .down:after, .pcLigne .equal:after, .pcLigne .equal:before { width:0; height:0; content:""; position:absolute; } .pcLigne .up:after { border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #24c318; margin:35px 0 0 -26px; } .pcLigne .down:after { border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #e8280b; margin:35px 0 0 -26px; } .pcLigne .equal:after { border-left:8px solid #fabf1b; border-bottom:8px solid transparent; border-top:8px solid transparent; margin:30px 0 0 -15px; } .pcLigne .equal:before { border-right:8px solid #fabf1b; border-bottom:8px solid transparent; border-top:8px solid transparent; margin:30px 0 0 6px; } .pcLigne .icon-new::before { content:"\e9d9"; font-size:0.8em; position:absolute; text-align:center; top:35px; left:23px; color:#0091D0;} .pcLignes .pagination { text-align:right; padding:5px 10px 20px 0; } .pcLignes .pagination li { display:inline-block; width:20px; height:20px; color:black; margin:0 2px; text-align:center; font-size:10px; } .pcLignes .pagination li a { display:block; width:100%; height:100%; background-color:white; color:black; font-size:10px; line-height:20px; } .pcLignes .pagination li a:hover{ text-decoration:none; background-color:#e8280b; color:white; } .pcLignes .pagination li a.last { } /* liste alphabétique */ .listealpha { } .listealpha h2 { margin-bottom:10px; } .laLigne { overflow:auto; height:auto; min-height:70px; padding-top:10px; border-bottom:1px solid #cdcdcd; position:relative; } .laLigne:last-child { border-bottom:none; } .laLigne .placement { float:left; width:60px; height:100%; text-align:center; } .laLigne .alpha { font: normal 28px/28px "AvBlack", sans-serif; color:#101010; margin:0; } .laLigne [class*="icon-music-"]:before { color:#e8280b;} .laLigne .lib { margin-left:60px; display:block; height:100%; margin-right:5px } .laLigne .lettre { font: normal 18px/22px "AvBlack", sans-serif; } .laLigne a { height:100%; line-height:20px; } .laLigne a:hover { color:#e8280b; } .laLigne .principal { font:normal 1.1em/2em "AvBlack"; } .laLigne .info { font:normal 1.2em/2em "AvBook"; } .listealpha label, .listealpha input { font-size:14px; line-height:14px; display:inline-block; line-height:30px; height:30px; padding:5px 10px; } .listealpha label { width:200px; background:#dcdada; text-align:center; margin-bottom:10px; } .listealpha input { width:200px; background:white; border:0 none; color:#878787; margin-bottom:10px; } .listealpha button { display:inline-block; float:right; width:120px; font-size:12px; line-height:32px; padding:5px 10px; margin-right:10px; } /* derniers tweets */ .lastTweets { border:1px solid #c2c2c2; } /* dev */ .lastTweets { width:320px; height:550px; background:transparent url(/images/derniers-tweets.jpg) center 40px; } /* newsletterSide */ .newsletterSide { } .newsletterSide p { padding:5px 10px; font-size:0.9em; line-height:1.1em; text-align:justify; } .newsletterSide form { padding:0 10px; font-size:0; } .newsletterSide input, .newsletterSide label, .newsletterSide button { display:inline-block; font-size:12px; height:30px; line-height:30px; padding:5px 10px; margin-bottom:5px; } .newsletterSide form label { width:90px; background:#dcdada none repeat scroll 0 0; text-align:center; } .newsletterSide form input { width:130px; background:white none repeat scroll 0 0; border:0 none; color:#878787; } .newsletterSide button { height:auto; } .newsletterSide p:last-Child { padding:0 10px 20px; } .newsletterSide p span:first-Child { display:block; } .newsletterSide .toutes { display:block; padding-top:5px;} .newsletterSide .icon-arrow-right:before { content:"\e906"; vertical-align:-5%; } .newsletterSide .icon-arrow-right:after { content:""; } /* liste des salles */ .listeSalles .pcLigne { min-height:80px; padding:15px 0 0 10px; } .listeSalles .pcLigne:last-child { border-bottom:1px solid #cdcdcd; } .listeSalles .pcLigne .artiste { width:310px; } .listeSalles .pcLigne .voirTous { padding:2px 5px 0 0; } .listeSalles .pcLigne .lienArtiste { height:auto; } .listeSalles .pcLigne .lienArtiste .nom { margin:0; font-size:0.9em; line-height:0.95em; } .listeSalles .pcLigne .lienArtiste .lieu { margin:0; font-size:0.7em; text-transform:none; } /* mon compte */ .monCompteMenu, .monCompteRight { padding-top:15px; } .monCompte h1, .monCompte h2, .monCompte h2:before { background-color:transparent; color:black; font:14px/16px "AvBlack",sans-serif; } .monCompte .monCompteRight h1 { margin-bottom:20px; } .monCompte h3 { padding-left:10px; background-color:#515151; color:white; font:16px/40px "AvBook",sans-serif; text-transform:uppercase; -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:0; } .monCompte h3 a.voirPlus { float:right; padding:0 10px; font:12px/40px "AvBook",sans-serif; text-transform:none; color:white; } .monCompte h3 a.voirPlus:hover { background-color:#e8280b; } .monCompte p { margin:5px 0 0; } .monCompteMenu ul { padding:5px 0 0 20px; } .monCompteMenu li { } .monCompteMenu li a { display:block; padding:9px 0; font:12px/16px "AvBook",sans-serif; color:#3d3d3d; } .monCompteMenu li a:hover { color:black; text-decoration:none; } .monCompteMenu li a:hover:before{ font-family: 'icon' !important; 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; content: "\e91c"; vertical-align:-5%; } .monCompte a.btnMonCompte { display:block; padding:10px; color:white; font:12px/16px "AvBook",sans-serif; text-align:center; text-transform:uppercase; background-color:#e8280b; width:150px; margin:10px 0 10px 20px; } .monCompte a.btnMonCompte:hover { background-color:#ab182b; } .monCompte .ad120skycraper { float:none; margin:20px 0; } .monCompte .filArianeNewsInfos { min-height:35px; } .monCompteLeft { float:left; width:230px; } .monCompteRight { float:right; width:750px; overflow:auto; } .monCompte .full a.btnMonCompte { float:right; width:auto; color:white; } .monCompte .full h3 a { width:auto; } .monCompte .bloc > a:hover { background-color:#fcf9f9; } .monCompte .ligne { width:100%; overflow:auto; } .monCompte .gauche60 { float:left; width:420px; } .monCompte .gauche30 { float:left; width:310px; } .monCompte .droite60 { float:right; margin-left:20px; width:420px; } .monCompte .droite30 { float:right; margin-left:20px; width:310px; } .monCompte .bloc { padding:10px; overflow:auto; } .monCompte .presentation .bloc { min-height:140px; } .monCompte .newsletter p { padding:30px 10px 0 20px; } .monCompte .avatar { float:left; width:140px; padding-right:20px; } .monCompte .avatar img { width:140px; } .monCompte .donneesPersos p { margin:10px 0; } .monCompte .preferes { } .monCompte .preferes a { display:block; width:50%; float:left; padding:10px 20px; overflow:auto; color:black; } .monCompte .preferes img { float:left; width:50px; margin-right:20px; } .monCompte .preferes .style { float:left; width:30px; margin-right:10px; } .monCompte .preferes [class*="icon-music-"]:before { font-size:2.2em; color:#e8280b; vertical-align:-10%; } .monCompte .preferes p { float:left; margin:0; width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); width: -ms-calc(100% - 70px); width: calc(100% - 70px); } .monCompte .preferes .nom { font:14px/16px "AvBlack",sans-serif; } .monCompte .preferes .likes { display:block; font:10px/13px "AvBook",sans-serif; } .monCompte .styles p { line-height:30px; } /** Slider -- BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com - Written by:Steven Wanderski, 2014 */ .bx-wrapper { position:relative; margin:0 auto; padding:0; *zoom:1; } .bx-wrapper img { max-width:100%; display:block; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { text-align:right; position:absolute; right:510px; bottom:20px; color:white; font-size:1em; padding-top:20px; } .bx-wrapper .bx-loading { min-height:50px; background:url(/images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { text-align:left; display:inline-block; *zoom:1; *display:inline; } .bx-wrapper .bx-pager.bx-default-pager a { background:white; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 2px; outline:0; border:1px solid #dcdddd; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .bx-wrapper .bx-pager.bx-default-pager a:hover { background:white; border:1px solid #e8280b; } .bx-wrapper .bx-pager.bx-default-pager a.active { background:#e8280b; border:1px solid #e8280b; } .bx-wrapper .bx-prev span { display:none; } .bx-wrapper .bx-prev { left:0; background:url(/images/slider-controlscnc.png) no-repeat 0 10px; } .bx-wrapper .bx-next { right:490px; background:url(/images/slider-controlscnc.png) no-repeat -74px 10px; } .bx-wrapper .bx-prev:hover { background-position:0 -300px; } .bx-wrapper .bx-next:hover { background-position:-74px -300px; } .bx-wrapper .bx-controls-direction a { position:absolute; top:0px; outline:0; width:74px; height:310px; text-indent:-9999px; z-index:9999; } .bx-wrapper .bx-controls-direction a.disabled { display:none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align:center; } .bx-wrapper .bx-controls-auto .bx-start { display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(/images/controls.png) -86px -11px no-repeat; margin:0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position:-86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display:block; text-indent:-9999px; width:9px; height:11px; outline:0; margin:0 3px; background:url(/images/controls.png) -86px -44px no-repeat; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position:-86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align:left; width:80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right:0; width:35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, 0.75); width:100%; } .bx-wrapper .bx-caption span { color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px; } /* tabs switcher */ .tabContainer { margin: 0 auto; } .dailySell .slide { width:auto!important; padding:0 10px; } .ui-tabs .ui-tabs-panel { padding:15px 35px 25px 40px; background-color:#e8280b; min-height:185px; } .ui-widget-content { background:none; border:none; color:#222222; } .ui-widget { font-family:"AvBook",sans-serif; font-size:1em; } .icon-arrow-right:before { content:""; } .icon-arrow-right:after { content:"\e906"; } .dailySellTxt { padding-top:10px; text-align:center; color:white; font-size:13px;font-weight: bold; } .dailySellTxt0 { padding-bottom:3px; text-align:center; color:white; font-size:14px;font-weight: bold; height:32px; line-height:15px; width:97px; position:relative; } .dailySellTxt0 > span { position:absolute; bottom:5px; display:block; text-align:center; width:100%; } .tab-content { display:none; background:#ededed; padding:15px; } .tab-content.current{ display:inherit; } .slide .vignette { display:inline-block; } .dailySell .ui-widget-header { border:0; } .dailySell #tabs, .dailySell .ui-tabs .ui-tabs-nav { padding:0; } .dailySell h2 { text-transform:uppercase; font: 1em/1em "AvBook",sans-serif; margin-top:5px; } #tabs li { width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #tabs li h2 { padding:0; text-align:center; background:none; overflow:auto; } #tabs li h2 a { float:none; line-height:30px; } .dailySell .ui-tabs .ui-tabs-nav li { margin:0; padding:0 10px; border:none; } .dailySell .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom:0; padding-bottom:0; } .dailySell .ui-state-default, .dailySell .ui-widget-content .ui-state-default, .dailySell .ui-widget-header .ui-state-default { background-color:transparent; } .dailySell .ui-state-active, .dailySell .ui-widget-content .ui-state-active, .dailySell .ui-widget-header .ui-state-active { background-color:#e8280b; border:none; } .dailySell .bx-wrapper .bx-prev { top:0; left:-35px; background:url(/images/slider-controlscnc-s.png) no-repeat 0 30px; } .dailySell .bx-wrapper .bx-next { top:0; right:-45px; background:url(/images/slider-controlscnc-s.png) no-repeat -47px 30px; } .dailySell .bx-wrapper .bx-prev:hover { background-position:0 -130px; } .dailySell .bx-wrapper .bx-next:hover { background-position:-47px -130px; } .dailySell .bx-wrapper .bx-controls-direction a { width:47px; height:160px; } .dailySell .slide p , .dailySell .slide a { color:white; margin:0; } .dailySell .slide a.reserver { font-size:1rem; font-weight:normal; } .ui-tabs .ui-tabs-panel, .dailySell #tabs, .dailySell .ui-tabs .ui-tabs-nav, .dailySell .ui-tabs .ui-tabs-nav li, .dailySell .ui-widget-header .ui-state-active { -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0; } /* publicités */ .ad320Square { /*float:right;*/ width:100%; height:270px; text-align:center; padding-top:9px; border:1px solid #dedede; } .ad320Square img { width:300px; } .ad120skycraper { width:120px; float:right; } .ad728 { margin:0 auto; width:728px; padding:25px 0 30px; } /* footer */ #footer { width:990px; min-height:100px; margin:0 auto; clear:both; background-color:#dbd6d6; overflow:auto; color:#515151; padding:25px 40px; font: 1em/1em "AvMedium",sans-serif; } #footer h4 { text-transform:uppercase; font: 1.2em/1em "AvBook",sans-serif; } #footer a:link, #footer a:visited { color:#515151; } #footer a:hover, #footer a:active { color:black!important; } #footer button:hover, #footer button:active { background-color:black; } #footer ul li { color:#515151; font-size:14px; line-height:28px;} #footer img { display:block; } .footerCol { float:left; } .footerCol1 { width:235px; } #footer .socialMenu { text-align:left; padding-bottom:15px; } #footer .socialMenu a { font-size:28px; color:#515151; padding-right:3px; } .footerCol2 { width:300px; } #footer .icon-hygiaphone:before, #footer .icon-enveloppe:before, #footer .icon-tickets:before { font-size:2em; vertical-align:-20%; } #footer .publicite, #footer .contacteznous { display:block; text-transform:uppercase; font-size:1.1em; padding:2px 0; } #footer .contacteznous { margin-bottom:35px; } #footer .cgu { display:block; text-transform:uppercase; font-size:1.1em; line-height:25px; padding-top:5px;} #footer .tickets { display:block; text-transform:uppercase; font-size:1.1em; line-height:20px; } .footerCol3 { float:right; width:315px; margin-right:40px; } #footer input { width:45%; padding: 2px 5px; border:0; background-color:white; line-height:20px; } #footer button { width:45%; margin-left:5px; padding: 2px 5px; border:0; background-color:#515151; color:white; font-size:12px; line-height:20px; } #footer .alerte { margin-bottom:50px; } /* styleregion */ .styleregion { background:#f5f0f0; overflow:auto; font-size:14px; line-height:16px; position:relative; } .styleregion p { margin:15px 15px; height:auto; } .styleregion .select { display:inline; vertical-align:top; } .rowcnc select.style { padding-left:10px; width:200px; background:white; border:0 none; color:#878787; margin-top:0px; margin-left:15px; overflow:hidden; vertical-align:top;} .rowcnc select.region { padding-left:10px; width:370px; background:white; border:0 none; color:#878787; margin-left:15px; overflow:hidden;} .rowcnc button.search { margin:10px 0 20px 500px; } /* contact */ .contact p { font:normal 13px/18px "AvBook"; } .contact h4 { font-size: 1.5em; color:black; } .contactRow { width:100%; display:table-row; } .contactBloc { width:100%; display:table-cell; padding:10px; } .contactBlocG { width:25%; display:table-cell;padding:10px; } .contactBlocD { width:75%; display:table-cell;padding:10px; } /* connexion & inscription */ .connexion, .inscription, .rechAvancee { background:#f5f0f0; overflow:auto; font-size:12px; line-height:14px; position:relative; } .connexion .gauche, .connexion .droite, .rechAvancee .droite { width:50%; padding:20px; } .inscription .gauche, .inscription .droite, .rechAvancee .droite { width:50%; padding:0; } .connexion p { height:50px; } .inscription p, .rechAvancee p { height:auto; } .connexion form, .inscription form, .rechAvancee form { font-size:0; } .connexion label, .connexion input, .inscription label, .inscription input, .rechAvancee label, .rechAvancee input { font-size:12px; line-height:14px; display:inline-block; line-height:30px; height:30px; padding:5px 10px; } .connexion label { width:70px; background:#dcdada; text-align:center; margin-bottom:20px; } .connexion input { width:180px; background:white; border:0 none; color:#878787; margin-bottom:20px; } .inscription label, .rechAvancee label { width:140px; background:#dcdada; text-align:center; margin-bottom:10px; } .inscription input, .rechAvancee input { width:250px; background:white; border:0 none; color:#878787; margin-bottom:10px; } .connexion button, .inscription button, .rechAvancee button { font:1rem/1rem "AvMedium",sans-serif; padding:10px 12px 8px; float:right; } .rowcnc button.validate { margin:10px 190px 20px 0; } .connexion .droite label { width:90px; } .connexion .droite input { width:160px; } .connexion label.captcha {height:50px;vertical-align: top; margin-bottom:0;} .connexion input.captcha {width:230px; margin-top:0;} .connexion img {display:inline-block; margin-bottom:0;} .rowcnc a.mdpOubli { font-size:12px; text-decoration:underline; color:black; } .rowcnc .obli { position:absolute; left:30px; bottom:30px; } .rowcnc .deuxChamps label { width:60px; } .rowcnc .deuxChamps input { width:110px; margin-right:10px; } .rowcnc label.cp { width:90px; } .rowcnc input.cp { width:80px; } .rowcnc label.newsletter { margin:0; height:12px; width:auto; background:transparent; font-size:14px; padding-left:3px; } .rowcnc input.newsletter { margin:0; height:12px; width:20px; background:transparent; } .inscription .complet, .rechAvancee .complet { width:100%; padding:20px; } .inscription .titre, .rechAvancee .titre { margin-top:15px; text-transform:uppercase; font-size:14px; } .rowcnc button.verif { display:inline-block; float:none; width:190px; font-size:12px; line-height:32px; padding:5px 10px; } .connexTitre { display:block; } .inscription .naissance, .rechAvancee .date { font-size:12px; margin-left:0; } .inscription .select, .rechAvancee .select { display:inline; } .rowcnc select.jour, .rowcnc select.mois, .rowcnc select.annee { padding-left:10px; width:80px; background:white; border:0 none; color:#878787; margin-left:10px; height:42px; } .rechAvancee select.jour, .rechAvancee select.mois, .rechAvancee select.annee { background-color:#fafafa; } .inscription select.jour, .rechAvancee select.jour { margin-left:0; } .inscription select.annee, .rechAvancee select.annee { width:90px; } .plusConsult { width:33.32%; float:left; padding:20px; font-size:12px; line-height:15px; } .plusConsult .entete { text-transform:uppercase; font-size:14px; } .plusConsult.ville { padding-left:0; } .plusConsult.fest { padding-right:5px; } .rechAvancee .datejusque { font-size:12px; width:250px; margin-left:160px; color:black; text-align:center; } .rechAvancee .dateDeux { margin-left:160px; margin-bottom:10px; } .rechAvancee .rechSelect { font-size:12px; padding-left:10px; width:270px; background:#fafafa; border:0 none; color:#878787; margin-left:0; height:42px; } .rechAvancee form { padding:20px 0 0 50px; } /* Recherche d'un lieu (Annonce d'un concert) */ .rechlieu { background:#f5f0f0; overflow:auto; font-size:12px; line-height:14px; position:relative; } .rechlieu { width:100%; padding:10px; ; position:relative; font:normal 13px/18px "AvBook";} .rechlieu .gauche, .rechlieu .droite { padding:10px 0; } .rechlieu .gauche { width:38%;} .rechlieu .droite { width:62%;} .rechlieu p { height:50px; } .rechlieu form { font-size:0; } .rechlieu label, .rechlieu input { font-size:13px; line-height:14px; display:inline-block; line-height:30px; height:30px; padding:5px 5px; } .rechlieu label { width:50px; background:#dcdada; text-align:center; margin-bottom:20px; } .rechlieu input { width:130px; background:white; border:0 none; color:#878787; margin-bottom:20px; } .rechlieu button { font:1rem/1rem "AvMedium",sans-serif; padding:10px 12px 8px; float:right; height:40px;} .rechlieu .droite label { width:170px; } .rechlieu .droite input { width:50px; } .rechlieu .select { display:inline; vertical-align:top; } .rechlieu select.choixlieu { padding-left:10px; width:200px; background:white; border:0 none; color:#878787; margin-top:0px; margin-left:15px; overflow:hidden; vertical-align:top;} /* Choix d'un lieu (Annonce d'un concert) */ .choixlieu { background:#f5f0f0; overflow:auto; font-size:14px; line-height:16px; position:relative; padding:10px 10px 0 10px;} .choixlieu p { margin:15px 15px; height:auto; } .choixlieu .select { display:inline; vertical-align:top; } .rowcnc select.listelieu { padding-left:5px; width:470px; background:white; border:0 none; color:#878787; margin-top:0px; vertical-align:top;} .rowcnc button.searchlieu { font:1rem/1rem "AvMedium",sans-serif; margin-top:62px; float:right; } /* Annonce d'un concert */ .saisieconcert { background:#f5f0f0; overflow:auto; font-size:13px; line-height:14px; position:relative; } .saisieconcert .gauche, .saisieconcert .droite { width:50%; padding:0; } .saisieconcert p { height:auto; } .saisieconcert form { font-size:0; } .saisieconcert form p { font-size:13px; } .saisieconcert label, .saisieconcert input { font-size:12px; line-height:14px; display:inline-block; line-height:30px; height:30px; padding:5px 10px; } .saisieconcert label{ width:140px; background:#dcdada; text-align:center; margin-bottom:10px; } .saisieconcert input, textarea { width:250px; background:white; border:0 none; color:#878787; margin-bottom:10px; margin-right:10px;} .saisieconcert button { font:1rem/1rem "AvMedium",sans-serif; padding:10px 12px 8px; height:40px; } /* float:right;*/ .saisieconcert button.valider { float:right; margin-right:10px;margin-bottom:10px;} .saisieconcert .complet { width:100%; padding:10px; } .saisieconcert .titre { margin-top:15px; text-transform:uppercase; font-size:14px; } .saisieconcert img {display:inline-block; margin-bottom:0;vertical-align:bottom;margin-bottom:10px;} .saisieconcert .naissance { font-size:12px; margin-left:0; } .saisieconcert .select { display:inline; } .saisieconcert select.jour { margin-left:0; } .saisieconcert select.annee { width:90px; } .saisieconcert select.style { margin-left:0; width:160px; font-size:12px; height:42px;} .saisieconcert label.style2 { width:117px; margin-left:10px;} .saisieconcert .lieulib { margin:0; height:12px; width:auto; background:transparent; font-size:14px; padding-left:3px; } .saisieconcert input.villepays { width:278px; } .saisieconcert label.heure { width:44px; margin-left:10px; } .saisieconcert input.heure { width:17px; margin-right:0; } .saisieconcert label.heure2 { width:29px; } .saisieconcert input.textelong { width:447px; margin-right:0; } .saisieconcert label.presente { height:62px; margin-top:0;vertical-align:top;} .saisieconcert textarea { width:447px; height:62px; resize: none; font-size:12px; padding: 5px 10px; margin-top:0; display:inline-block; vertical-align:top;} .saisieconcert label.newsletter2 { margin:0; height:12px; width:180px; background:transparent; font-size:14px; padding-left:3px; text-align:left; } .saisieconcert label.radio { margin:0; height:12px; width:auto; background:transparent; font-size:14px; padding-left:3px; } .saisieconcert input.radio { margin:0; height:12px; width:20px; background:transparent; } /* recherche resultats */ .rechResultats .pcLigne { } .rechResultats .pcLigne .artiste { width:100%; padding:0 10px; ; position:relative; } .rechResultats .artiste span { font-size:12px; line-height:12px; } .rechResultats .artiste span.black { display:block; font-size:14px; } .rechResultats [class*="icon-music-"]:before { color:#e8280b; padding-left:0; font-size:1.8em; vertical-align:-20%; } .rechResultats .desc [class*="icon-"]:before { color:#e8280b; padding-left:0; font-size:1.7em; vertical-align:-20%; } .rechResultats .pcLigne { height:auto; } .rechResultats p.desc, .rechResultats span.desc { display:inline; font-size:12px; text-transform:none; } .sansVisuel p { margin-bottom:10px; } .rechResultats .intro {margin-left:10px; font:normal 14px/18px "AvBook";} .rechResultats .intro .introtitre {font:normal 18px/22px "AvBlack";} .rechResultats .contact { width:100%; padding:0 10px; ; position:relative; font:normal 13px/18px "AvBook";} .rechResultats .contact a { font-size:1em;} .rechResultats .voirTous { padding: 15px 15px 10px 0; } .nvlleRech { } /* ville */ .newsVille { background-color:#f5f0f0; } .cesoir .pcLigne .artiste, .demain .pcLigne .artiste { width:300px; padding-left:10px; } .cesoir .pcLigne .lienArtiste .nom, .demain .pcLigne .lienArtiste .nom { margin:0; font-size:0.9em; line-height:0.95em; } .cesoir .pcLigne .lienArtiste .lieu, .demain .pcLigne .lienArtiste .lieu { margin:0; font-size:0.7em; text-transform:none; } /* salle */ .salle { padding:10px; } .principal { min-height:210px; } .image { width:200px; } .infos { width:430px; position:relative; height:200px; } .infossansvisuel { width:430px; position:relative; height:200px; width:100%; } .infos h1, .infos h2 { background:none; color:black; font:18px/18px "AvBlack", sans-serif; padding-left:0!important; } .coordonnees{ font:14px/16px "AvBook", sans-serif; margin:20px 0; max-width:200px; } .infossansvisuel .coordonnees{ max-width:400px; } .adresse { text-transform:uppercase; } .salle [class*="icon-fauteuil"]:before { font-size:1.8em; vertical-align:-20%; } .salle [class*="icon-marqueurmap"]:before { font-size:1.8em; vertical-align:-20%; } .plusinfos { } .salle .socials { position:absolute; bottom:0; } .socials a { display:inline-block; font-size:1.5em; color:black; } .socials a:hover { color:#e8280b; text-decoration:none; } .alertes { margin:15px 10px 0 0; width:220px; } .alertes .icon-hygiaphone:before, .alertes .icon-star:before { padding-right:5px; font-size: 1.5em; vertical-align:-15%; } .alertes button { margin:10px 0 0; padding:15px 10px; width:100%; display:block; font:0.9em/1.1em "AvBook",sans-serif } .salle h3 { color:black; font-size:1.2em; } .salle #tabs { margin: 0 -10px -10px; } .salle .ui-tabs, .salle .ui-tabs .ui-tabs-nav { padding:0; } .salle .ui-tabs-nav { background:none; border:none; } .salle #tabs li { background-color:#f5f0f0; width:auto; padding:0; margin:0; border:1px solid #dedede; border-bottom:0; } .salle #tabs li h2 { padding:0; font:14px/20px "AvBook",sans-serif; text-align:center; background:none; overflow:auto; } .salle #tabs li h2 a { display:block; padding:6px 25px; float:none; line-height:20px; font:normal 12px/20px "AvBlack",sans-serif; font-weight:normal; } .salle .ui-state-active a, .salle .ui-state-active a:link, .salle .ui-state-active a:visited { color:#515151; } .salle .ui-state-active, .salle .ui-widget-content .ui-state-active, .salle .ui-widget-header .ui-state-active { color:#515151; background-color:#dedede!important; border:medium none; } .salle .ui-tabs .ui-tabs-panel { background-color:#dedede; min-height: 200px; padding:0; width:100%; } .salle #tabs-1 img { display:block; } #fiche-salle-map:after, #fiche-salle-map2:after{ content: ""; /* Important, sinon l'élément n'est pas généré. */ display: block; clear: both; height: 2px; } #fiche-salle-map, #fiche-salle-map2{height:250px;} /* artistes et festival */ .artistes, .festival { padding:10px; } .artistes .socials, .festival .socials, .salle .socials { position:absolute; bottom:auto; } .artistes .socials a, .festival .socials a , .salle .socials a { font-size:2em; } .artistes .alertes { margin:0; position:absolute; right:0; top:0; width:220px; } .artistes .alertes button, .festival .alertes button { margin: 0 0 10px; } .artistes h1, .festival h1 { margin-top:80px; } .artistes h3.genre { color:black; font-size:1rem; margin:5px 0; } .festival h3 { color:black; font-size:1.2em; } .artistes [class*="icon-music-"]:before, .festival [class*="icon-music-"]:before { font-size:1.8em; vertical-align:-20%; } .artistes .bio { text-align:justify; padding:10px 5px 20px; } .festival .genre { text-align:left; color:#e8280b; margin-bottom:20px; } .festival .socials a { padding-right:5px; } .festival .alertes { margin:0; position:relative; width:220px; } .festival .coordonnees { margin: 0 0 20px; text-transform:none; font-size:15px;} .festival .description [class*="icon-"]:before { color:#e8280b; padding-left:0; font-size:1.7em; vertical-align:-20%; } .festival .description [class*="icon-lien"]:before { font-size:1.3em; padding-right:5px; vertical-align:-20%; } .festival #tabs { margin: 0 -10px -10px; } .festival .ui-tabs, .festival .ui-tabs .ui-tabs-nav { padding:0; } .festival .ui-tabs-nav { background:none; border:none; } .festival #tabs li { background-color:#f5f0f0; width:auto; padding:0; margin:0; border:1px solid #dedede; border-bottom:0; } .festival #tabs li h2 { padding:0; font:14px/20px "AvBook",sans-serif; text-align:center; background:none; overflow:auto; } .festival #tabs li h2 a { display:block; padding:6px 25px; float:none; line-height:20px; font:normal 12px/20px "AvBlack",sans-serif; font-weight:normal; } .festival .ui-state-active a, .festival .ui-state-active a:link, .festival .ui-state-active a:visited { color:#515151; } .festival .ui-state-active, .festival .ui-widget-content .ui-state-active, .festival .ui-widget-header .ui-state-active { color:#515151; background-color:#dedede!important; border:medium none; } .festival .ui-tabs .ui-tabs-panel { background-color:#dedede; min-height: 200px; padding:0; width:100%; } .festival #tabs-1 img { display:block; } .topFestivals .lienArtiste p { margin:0;font-size:14px; } /* galerie photos .gv_galleryWrap { width:650px!important; height:350px!important; background-color:#f5f0f0!important; } .gv_filmstripWrap { width:570px!important; } .gv_gallery, .gv_panelWrap, .gv_panel { width:100%!important; } .gv_gallery, .gv_galleryWrap { height:470px!important; } .gv_panelWrap, .gv_panel { height:425px!important; } .gv_overlay { background-color:black!important; width:100%!important;} .gv_showOverlay { right:0!important; left:auto!important;} .gv_filmstripWrap { width:570px!important; } .gv_panel img { height: auto!important; left: auto!important; top: 0!important; width: 100%!important; height:425px!important; } */ /* galerie photos */ .gv_galleryWrap { -webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important; -o-box-sizing:border-box!important; box-sizing:border-box!important; width:650px!important; background-color:#f5f0f0!important; } .gv_filmstripWrap { width:570px!important; } .gv_panel, .gv_panelWrap, .gv_galleryWrap, .gv_gallery { height:auto!important; width:100%!important;} .gv_panel, .gv_panelWrap {position:relative!important; overflow:inherit!important;} .gv_overlay { width:100%!important;} .gv_showOverlay { right:0!important; left:auto!important;} .gv_panel img { height: auto!important; left: auto!important; top: 0!important; width: 100%!important; position:relative!important;} .gv_navWrap { height: 50px!important; position:relative!important; bottom: -10px!important; left: 580px!important;} .gv_overlay, .gv_overlay h4, .gv_overlay p { color: black!important; } .gv_overlay { background-color: #f5f0f0!important; } /* - - - - - - - PAGES SPECIFIQUES - - - - - - - */ /* page 404 */ #p404wrapper { position:relative; height:420px; } #p404 { position:absolute; z-index:50; width:1000px; height:400px; margin:-7px 0 0 -15px; text-align:center; border:5px solid white; background:#73b4da url(/images/p404.jpg) no-repeat center top; } .p404Titre { font-size:30px; color:#3765a2; margin:0 auto; padding:80px 0 0; } .p404ssTitre { font-size:14px; color:#2d7db7; padding:5px 0 145px; } .p404Desc { color:#d4e7f1; } .p404Desc a:link, .p404Desc a:visited { color:#d4e7f1; text-decoration:underline; } .p404Desc a:hover, .p404Desc a:active { color:white; text-decoration:none; } /* - - - - - - - - - - RESPONSIVE DESIGN - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* - - - - - * DESKTOP - - - - - - - */ @media (min-width: 1020px) { .nodesktop { display:none!important; } .notablet { display:auto; } .nomobile { display:auto; } } /* - - - - - * TABLETTE - - - - - - - */ @media (min-width: 641px) and (max-width: 1019px) { /* DEV : body:before { color:#FC0; content: "tablet 641px -> 1019px"; } */ body { padding:0; } .nodesktop { display:auto; } .notablet { display:none!important; } .nomobile { display:auto; } .habillage { display:none; } #header { margin-top:0; } #mainsite, #header, #footer, #site { /*width:100%;*/ } } /* DEV @media (min-width: 641px) and (max-width: 740px) { body:before { color:#FC0; content: "INTER - tablet 641px -> 740px"; } } @media (min-width: 741px) and (max-width: 840px) { body:before { color:#FC0; content: "INTER - tablet 741px -> 840px"; } } @media (min-width: 841px) and (max-width: 1019px) { body:before { color:#FC0; content: "INTER - tablet 841px -> 1019px"; } } */ /* - - - - - * MENU (TABLETTE & MOBILE) - - - - - - - */ @media (min-width: 10px) and (max-width: 1019px) { /* menu mobile */ #cssmenu { width:100%; margin:0; } #cssmenu ul { width:100%; display:none; } #cssmenu.align-center > ul { text-align:left; } #cssmenu ul li { width:100%; border-top:1px solid rgba(120, 120, 120, 0.2); } #cssmenu ul ul li, #cssmenu li:hover > ul > li { height:auto; } #cssmenu ul li a, #cssmenu ul ul li a { width:100%; border-bottom:0; } #cssmenu > ul > li { float:none; } #cssmenu ul ul li a { padding-left:25px; } #cssmenu ul ul ul li a { padding-left:35px; } #cssmenu ul ul li a { color:#dddddd; background:none; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color:#ffffff; } #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul { position:relative; left:0; width:100%; margin:0; text-align:left; } #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display:none; } #cssmenu #menu-button { display:block; padding:17px; color:#dddddd; cursor:pointer; font-size:12px; text-transform:uppercase; font-weight:700; } #cssmenu #menu-button:after { position:absolute; top:22px; right:17px; display:block; height:4px; width:20px; border-top:2px solid #dddddd; border-bottom:2px solid #dddddd; content:''; } #cssmenu #menu-button:before { position:absolute; top:16px; right:17px; display:block; height:2px; width:20px; background:#dddddd; content:''; } #cssmenu #menu-button.menu-opened:after { top:23px; border:0; height:2px; width:15px; background:#ffffff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #cssmenu #menu-button.menu-opened:before { top:23px; background:#ffffff; width:15px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } #cssmenu .submenu-button { position:absolute; z-index:99; right:0; top:0; display:block; border-left:1px solid rgba(120, 120, 120, 0.2); height:40px; width:100%; cursor:pointer; } /* #cssmenu .submenu-button.submenu-opened { background:#262626; } */ #cssmenu .submenu-button.submenu-opened { zoom:1; background-color:rgba(130,130,130,0.1); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A828282,endColorstr=#1A828282); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A828282,endColorstr=#1A828282); } #cssmenu ul ul .submenu-button { height:34px; width100%; /*width:34px;*/ } #cssmenu .submenu-button:after { position:absolute; top:22px; right:19px; width:8px; height:2px; display:block; background:#dddddd; content:''; } #cssmenu ul ul .submenu-button:after { top:15px; right:13px; } #cssmenu .submenu-button.submenu-opened:after { background:#ffffff; } #cssmenu .submenu-button:before { position:absolute; top:19px; right:22px; display:block; width:2px; height:8px; background:#dddddd; content:''; } #cssmenu ul ul .submenu-button:before { top:12px; right:16px; } #cssmenu .submenu-button.submenu-opened:before { display:none; } #cssmenu ul ul li { background:#333333; } #cssmenu ul li.chroniques li { height:auto; } .MenuCNC { z-index:800; } } /* - - - - - * MOBILE - - - - - - - */ @media (min-width: 10px) and (max-width: 640px) { .nodesktop { display:auto; } .notablet { display:auto; } .nomobile { display:none!important; } /* DEV : body:before { color:#0CF; content: "mobile 340px -> 640px"; } */ body { position:relative; background:none; background-color:white; min-width:340px; } #mainsite, #header, #footer, #contenu, .contentLeft { width:100%; padding:0; } #mainsite { margin:0; } #header { background-color:#f7f7f7; height:130px; padding:0; margin-top:0; } .headerSet { height:130px; } #headerLeft { float:none; position:absolute; width:100%; z-index:100; } #headerLeft img { width:225px; } #headerLeft a { padding:10px 0 0 10px; height:45px; } #headerCenter { width:100%; position:absolute; float:none; padding:85px 0 0; } #headerCenter .inputRecherche { padding:0 35px 0 10px; } /*.inputRecherche[placeholder], [placeholder], *[placeholder] { color:#fdded9!important; }*/ #headerRight { width:100%; position:absolute; float:none; padding:15px 10px 0 10px; } #headerRight .userMenu { position:absolute; top:45px; right:15px; font-size:16px; padding-top:10px; } #headerRight .socialMenu { position:absolute; top:15px; right:15px; padding-top:0; text-align:left; } #headerRight .socialMenu a { font-size:30px; } #contenu { margin-top: 55px; } .homeSliderTxt p, .blocAvecPub, .lastTweets, .ad728 { display:none; } .footerCol1 {display:block; width:100%;} .footerCol1 h4, .footerCol1 li {display:none;} #footer .footerCol1 ul li.block { display:block!important; } .filArianeNewsInfos { padding-top:10px; } .filAriane, .newsInfos { padding:5px 10px; width:100%; } .newsInfos { text-align: left; line-height:14px; float:none; } #homeSlider { height:auto; } #homeSlider .slideImg { float:none; height:auto; width:100%; } .bx-wrapper img { width:100%; height:auto; } .homeSliderTxt { float:none; height:75px; padding:0; width:100%; line-height:20px; } .bx-wrapper .bx-next { right: 0; } .homeSliderTxt h2 { margin:0; padding:5px 10px 10px; font-size:18px; line-height:22px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:90px; right:10px; z-index:600; } .bx-wrapper .bx-controls-direction a { z-index:500; } .rowcnc { overflow:inherit; } .dailySellMobile { padding:5px 20px; background-color:#e8280b; width:100%; color:white; margin-bottom:10px; } .contentLeft, .contentRight { float:none; margin:0 auto; width:100%; } .ad320Square { float:none; margin-bottom:10px; border:none; } .aLafficheRow, .aDecouvrirRow, .dernieresChronRow { display:block; } .eventRegion { height:auto; } .eventRegion .gauche, .eventRegion .droite { float:none; width:90%; margin:0 auto; } .eventRegion .gauche { padding:15px 25px 0 25px; } .eventRegion .droite { padding:0; } .ticketRegion { height:auto; } .ticketRegion .gauche, .ticketRegion .droite { float:none; width:90%; margin:0 auto; } .ticketRegion .gauche { padding:15px 25px 0 25px; } .ticketRegion .droite { padding:0; } .concours .droite { float:left; } .aLafficheBloc, .aDecouvrirBloc, .dernieresChronBloc { display:block; width:100%; height:auto; overflow:auto; padding:5px 20px; } #footer { position:relative; padding:10px;} .footerCol2, .footerCol3 { float:none; width:100%; overflow:auto; } #footer img.nodesktop { display:block; padding-top:10px; } .footerCol2 .publicite { float:left; } .footerCol2 .contacteznous { float:left; margin-left:30px; } .select-cnc, .select-cnc select {width: 100%; padding:0; } .select-cnc select {width: 100%; padding:5px; margin-right:-20px; } .eventRegionForm button { margin:15px 0; } .ticketRegionForm button { margin:15px 0; } .eventregionChroniques .dernieresChronBloc { padding-bottom:10px; border-bottom:1px solid #e1dbdb; } .eventRegionForm { margin-top:30px; } .ticketRegionForm { margin-top:30px; } h2.DSmobile { background-color:transparent; border-bottom:1px solid white; } .dailySellMobile .vignette { padding:5px 0; margin:5px 0; border-bottom:1px solid #fdc2c9; } .dailySellMobile .vignette:last-child { border-bottom:none; } .dailySellMobile a { color:white; display:inline-block; width:100%; height:100px; overflow:hidden; } .dailySellMobile img { min-width:100px; width:20%; float:left; display:block; height:auto; } .dailySellMobile p { width:70%; float:left; display:block; margin:25px 0 0 0; padding-left:10px; font-size:1.2em; line-height:25px; } .rowcnc h1, .rowcnc h2 { padding:10px 0; line-height:20px; } .rowcnc h2 { padding: 10px 30px 10px 10px; } .image { width:100%; float:none; max-width:400px; margin:0 auto; } .image img, .principal, .infos { width:100%; } .infos { height:auto; padding:20px 0; overflow:auto;} .salle .principal > .droite {float:none;} .rowcnc .infos h2 { padding:0 10px; text-align:center; } .genre { display:block; } .libelle .genre, .festival .principal .genre { text-align:center; } .coordonnees, .alertes, .festival .alertes, .artistes .alertes { width:50%; } .salle .alertes { margin-right:0; } .festival #tabs-1 img { width:100%; } .plusInfos p { font-size: 14px; line-height: 16px; } .programmeFestival p.desc, .programmeFestival span.desc { font-size: 14px; line-height:16px; } .programmeFestival .jour .gauche {float:none;} .programmeFestival .commande { width:90%; margin:20px auto 0; float:none; clear:both;} .programmeFestival .partager { text-align: right; width: 100%; padding-right:10px; } .chroniquesFestival p.desc, .chroniquesFestival span.desc { font: 14px/16px "AvBook",sans-serif; width: 100%; } .pcLigne .placement { width: 50px; } .derniereEdition .pcLigne .artiste { width: auto; float:left; } .aproximite .salle { padding:0; } .aproximite .ville { padding:0 0 10px 0; display:block; } .artistes .image { } .artistes .infos { float:none; } .artistes .alertes { float:none; position:relative; width:100%; margin-top:20px;} .artistes .socials { bottom: -15px; float: none; font-size: 1.2em; position: absolute; text-align: center; width: 100%; } .artistes h1 { margin:0; padding:0;font-size:1.8em; width:100%; text-align:center; } .artistes h3.genre { margin:0; width:100%; text-align:center; } .artistes .bio { padding-top:30px; } .prochainsConcerts .pcLigne .artiste { width:auto; float:none; } .prochainsConcerts.side .pcLigne .artiste, .prochainsConcerts.side .liens { width:100%; } .prochainsConcerts .partager { position: relative; top:0; } .prochainsConcerts .commande { float:none; margin-left:120px; } .prochainsConcerts .plusInfos { padding-left: 60px; } .width33, .width100 .alafficheImg, .alafficheImg img, .width100 .alafficheTxt { width:100%; } .newsletterSide form label { width: 25%; } .newsletterSide form input { width: 45%; } .newsletterSide button { width: 12%; max-width:40px; } .styleregion button.search { margin:0 0 10px!important; display:block; width:100%; } .pcLigne .artistelong { float:left; width:300px; height:100%; } .listealpha button { margin:0 0 10px!important; display:block; width:100%; } .listealpha input { color: #878787; width:100%; } .listealpha input { -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; height:40px; float:left; margin-bottom:10px; } .connexion, .inscription, .rechAvancee, .rechlieu, .choixlieu, .saisieconcert { overflow:inherit; } .inscription .complet, .rechAvancee .complet, .connexion .complet, .rechlieu .complet, .choixlieu .complet, .saisieconcert.complet { overflow: auto; } .rechAvancee form { padding: 20px; } .inscription label, .connexion label, .rechlieu label, .choixlieu label, .saisieconcert label, .saisieconcert label.cp, .saisieconcert label.heure, .saisieconcert label.heure2, .saisieconcert label.style2, .connexion .droite label, .connexion .gauche label, .rechlieu .droite label, .rechlieu .gauche label, .choixlieu .droite label, .choixlieu .gauche label, .rechAvancee label { width: 35%; } .inscription input, .connexion input, .rechlieu input, .choixlieu input, .saisieconcert input, .saisieconcert input.cp, .saisieconcert input.villepays, .saisieconcert input.textelong , .saisieconcert input.heure, .saisieconcert .lieulib , .connexion .droite input, .connexion .gauche input, .rechlieu .droite input, .rechlieu .gauche input, .choixlieu .droite input, .choixlieu .gauche input, .rechAvancee input, .rechAvancee .rechSelect { color: #878787; width:65%; } .inscription label, .connexion label, .rechAvancee label, .saisieconcert label, .saisieconcert label.cp, .saisieconcert label.heure, .saisieconcert label.heure2, .saisieconcert label.style2, .inscription input, .connexion input, .rechlieu input, .choixlieu input, .saisieconcert input, .saisieconcert input.cp , .saisieconcert input.villepays, .saisieconcert input.textelong , .saisieconcert input.heure, .rechAvancee input, .inscription select, .connexion select, .rechAvancee select , .saisieconcert select { -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; height:40px; float:left; margin-bottom:10px; } .saisieconcert select.style {float:none; width:185px;} .saisieconcert .lieulib { -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; height:40px; float:left; margin-bottom:10px; color:#000000; padding-top:13px; } .choixlieu select { -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; height:60px; float:left; margin-bottom:10px; } .rechAvancee .dateDeux, .rechAvancee .datejusque { margin-left:0; width: 100%; } .inscription .date, .connexion .date, .rechAvancee .date, .saisieconcert .date { clr:both; } .inscription select.jour, .rechAvancee select.jour, .saisieconcert select.jour { } .inscription .select, .rechAvancee .select, .saisieconcert .select { clear:both; display:block; } .rowcnc select.jour, .rowcnc select.mois, .rowcnc select.annee { width:31%; margin-left:3.4%; } .rowcnc select.jour { margin-left:0; } .saisieconcert select.jour, .saisieconcert select.mois, .saisieconcert select.annee { width:31%; margin-left:3.4%; } .saisieconcert select.jour { margin-left:0; } .connexion button, .inscription button, .rechlieu button, .choixlieu button, .saisieconcert button.valider, .rechAvancee button { float:none; margin:10px auto 0!important; width:100%; padding:20px; } .rechlieu button, .saisieconcert button.valider { padding:0px; } .saisieconcert button { float:none; margin:0 auto 15px!important; width:100%; padding:0px; } .plusConsultListes { overflow:auto; } .plusConsult { float:none; width:100%; padding:10px 20px!important; } .inscription .champVerif { margin-bottom:0; } .inscription button.verif { margin:0 0 10px!important; display:block; width:100%; } .rowcnc .deuxChamps label { width:35%; } .rowcnc .deuxChamps input { width:65%; margin-right:0; } .inscription .titre, .rechAvancee .titre, .saisieconcert .titre { clear: both; } .rowcnc input.newsletter { height:30px; width:20px; padding-top: 10px; -moz-height:40px; -moz-width:40px; -moz-padding:0; } .rowcnc label.newsletter { height:50px; line-height:14px; text-align:left; width:250px; } .saisieconcert label.newsletter2 { height:50px; line-height:14px; text-align:left; width:45%; } .saisieconcert input.radio { height:40px; width:20px; padding-top: 10px; -moz-height:40px; -moz-width:40px; -moz-padding:0; margin-left:10px; margin-right:5px;} .saisieconcert label.radio { height:50px; line-height:35px; text-align:left; width:24%; } .inscription button.validate, .saisieconcert button.validate, .saisieconcert button.valider { margin:10px 0 20px!important; } .rowcnc .obli { bottom: 20px; } .saisieconcert .obli{ bottom: 10px; } .rowcnc .connexion .obli { bottom:10px; position: relative; } .rechResultats .rechInfo { display:block; } .connexion .gauche, .connexion .droite, .rechlieu .gauche, .rechlieu .droite, .choixlieu .gauche, .choixlieu .droite, .rechAvancee .droite { width: 100%; } .connexion .droite, .rechlieu .droite, .choixlieu .droite { border-top:1px solid gray; } .connexion .gauche, .rechlieu .gauche, .choixlieu .gauche {padding-bottom:25px; } .connexion label.captcha { height:60px;} .connexTitre { font-size:18px; padding-bottom:5px; } .saisieconcert label.heure { margin-left:0px; } /* width:64px; padding:5px 10px; */ .saisieconcert label.heure2 { width:120px; } .saisieconcert input.heure { width:55px; padding:5px 10px; } .saisieconcert label.style2 { margin-left:0; } .saisieconcert label.presente { height:40px;} .saisieconcert input.textelong { width:467px; padding:5px 10px;} .saisieconcert img {margin-bottom:0px; margin-right:250px;} .stylesFest .pcLigne .lienArtiste { min-height:auto; } .incontRow img { width:100px; } .incontRow span { display: block; padding: 0; margin: 0; font: 14px/16px "AvBlack"; text-transform:none; } .incontRow .nom { font: 14px/16px "AvBlack"; text-transform:uppercase; } .incontRow .ville { font: 14px/16px "AvBook"; padding:5px 0; text-transform:none; } .incontRow .date { font: 14px/16px "AvBook"; font-style:italic;color:gray; text-transform:none; } .newsArticle { font: 16px/22px "AvBook",sans-serif; padding: 40px 15px 10px; } .newsBloc { float:none; padding:10px 10px 30px; width:100%; } .newsBloc .preview { margin:10px 0 0; } .newsInfos { padding:10px 0; } .newsArticle h1 { font: 32px/36px "AvMedium",sans-serif; } .newsArticle .image { max-width:100%; } .socialButtons a { padding-right:20px; width:49%; margin:0 0 10px 1%; } .socialButtons a.left { margin:0 1% 10px 0; } a.buttonProfilComplet { padding:12px 5px; text-align:center; text-transform:uppercase; margin-bottom:20px; } .buttonProfilComplet::before { line-height:0.5em; float:none; display:inline; vertical-align:-40%; } .monCompte .bloc { overflow: initial; } .monCompteLeft, .monCompteRight, .monCompte .gauche60, .monCompte .droite30, .monCompte .preferes a { float:none; width:100%; margin:0; } .monCompte .preferes .bloc a { border-bottom:1px dashed #cacaca; } .monCompte .full a.btnMonCompte { float: none; border-bottom:none; } .monCompte .newsletter .bloc { min-height:70px; } .monCompte .newsletter p { padding: 20px 10px; } .monCompte .intro { padding:0 15px; } .monCompte .monCompteRight h1, .monCompteMenu h2 { font-size:1.7em; margin:20px 0 10px; } .monCompteMenu.bbox { padding:15px; background-color:#f5f0f0; overflow:auto; } .monCompteMenu ul { overflow: auto; } .monCompteMenu li { float:left; width:49%; border-bottom: 1px dashed #cacaca; padding:3px 5px 3px 10px; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .monCompteMenu li:nth-child(odd) { border-right: 1px dashed #cacaca; } .monCompteMenu li:last-child { border-bottom:none; } .monCompte a.btnMonCompte { min-height:50px; float:left; margin: 10px 1.5%; width: 30%; } .monCompteMenu li a { font-size:16px; } .monCompteMenu li a:hover { color:black; text-decoration:none; } .monCompteMenu li a:hover:before{ line-height: 0; content: ""; vertical-align:0%; } .critiques.pcLignes { padding: 0 10px; } .critiques .uneCritique { border:1px dashed #cacaca; margin-bottom: 10px; } .critiques h3 { font-size: 1.5em; line-height:1.2em; margin-top:0; position:relative; } .critiques h3, .critiqueHeader { border-bottom:none; margin-bottom:0; padding-bottom:0; } .critiques h3 { padding-bottom:35px; } .critiques h3 .nbreCritiques { float:none; position:absolute; left:0; bottom:5px; } .critiques .infos { width:100%; padding:5px 0;} .uneCritique .iconesPhotoVideo { top: -40px; } .critiques .critiqueVignette { float:none; width:100%; } .critiques .critiqueTxt { float: none; padding-right: 0; width: 100%; } .chroniquesReview .uneCritique { padding-bottom:10px; } .chroniquesReview .critiqueHeader .infos { padding:0; } .chroniquesReview .visuelChroniqueReview, .chroniquesReview .descChroniqueReview { height:auto; float:none; width:100%; margin:0; } /* .chroniquesReview .visuelChroniqueReview { height:auto; width:30%; margin-right:3%; } .chroniquesReview .descChroniqueReview { width:66%; } */ .chroniquesReview p.infos, .chroniquesReview p.auteur { font-size:1.1em; } .chroniquesReview .critiqueHeader .iconesSociaux a { font-size: 2.5em; margin-right:10px; } .uneCritique div.nbreCritiques { font-size: 1.5em; } .descCritique .image { max-width:none; } .chroniquesReview .descCritique { font: 16px/22px "AvBook",sans-serif; } .chroniquesReview .uneCritique .critiqueHeader { overflow: visible; } .chroniquesHeader button { margin:0 0 10px!important; display:block; width:100%; float:none; } .chroniquesHeader input { color: #878787; width:100%; } .chroniquesHeader input { -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; height:40px; float:none; margin-bottom:0; } .chroniquesHeader .bouton {margin-top:15px;} .h2txt {width:-moz-calc(100% - 110px); width:-webkit-calc(100% - 110px); width:-o-calc(100% - 110px); width:calc(100% - 110px);} h2 .nbreCritiques {top:15px; width:100px;} .nbreCritiques .nombre {display: block;} .pcLigne .icon-new::before { left:14px; } .visuelconcert img {width:50%; margin:10px auto; display:block;} .visuelconcert {margin-top:0;} /* Galerie photos */ .gv_galleryWrap { width:100%!important; } .gv_showOverlay { background: #222 url("/gal_css/themes/light2/info.png") no-repeat scroll 10px 10px!important; height: 40px!important; width: 40px!important; bottom:0!important;} .gv_filmstripWrap { display:none!important; } .gv_navWrap { bottom: 0!important; height: 45px!important; width: 100%!important; left: 0!important;} .gv_navPlay { background: rgba(0, 0, 0, 0) url("/gal_css/themes/light2/play-big.png") no-repeat scroll center center!important; cursor: pointer!important; height: 40px!important; width: 40px!important; } .gv_navPrev { background: rgba(0, 0, 0, 0) url("/gal_css/themes/light2/prev.png") no-repeat scroll center center!important; cursor: pointer!important; height: 40px!important; width: 60px!important; margin-right:5px!important; } .gv_navNext { background: rgba(0, 0, 0, 0) url("/gal_css/themes/light2/next.png") no-repeat scroll center center!important; cursor: pointer!important; height: 40px!important; width: 60px!important; margin-left:5px!important; } .gv_navPlay, .gv_navPrev, .gv_navNext { background-color:black!important; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; -o-border-radius:5px!important; border-radius:5px!important; } } @media (min-width: 600px) and (max-width: 640px) { /* DEV : body:before { color:#0CF; content: "INTER - mobile 600px -> 640px"; } */ .bx-wrapper .bx-controls-direction a { height: 390px; } .bx-wrapper .bx-prev { background-position:0 45px; } .bx-wrapper .bx-next { background-position:-74px 45px; } .bx-wrapper .bx-prev:hover { background-position:0 -265px; } .bx-wrapper .bx-next:hover { background-position:-74px -265px; } .footerCol2 { width:50%; float:left; } .footerCol3 { width:50%; float:right; margin-right:0; } .footerCol2 .publicite, .footerCol2 .contacteznous { float:none; margin-left:0; } #headerRight .userMenu { position:absolute; top:10px; right:15px; font-size:16px; padding-top:10px; } #headerRight .socialMenu { position:absolute; top:15px; right:195px; padding-top:0; text-align:left; } .headerSet { height:110px; } #headerCenter { padding-top:65px; } .chroniquesReview .visuelChroniqueReview { float:left; height:auto; width:30%; margin-right:3%; } .chroniquesReview .descChroniqueReview { float:left; width:66%; } .saisieconcert label.radio { width:25%; } } @media (min-width: 550px) and (max-width: 599px) { /* DEV : body:before { color:#0CF; content: "INTER - mobile 550px -> 599px"; } */ .bx-wrapper .bx-controls-direction a { height: 370px; } .bx-wrapper .bx-prev { background-position:0 30px; } .bx-wrapper .bx-next { background-position:-74px 30px; } .bx-wrapper .bx-prev:hover { background-position:0 -280px; } .bx-wrapper .bx-next:hover { background-position:-74px -280px; } .footerCol2 { width:50%; float:left; } .footerCol3 { width:50%; float:right; margin-right:0; } #footer button { font-size:10px; } .footerCol2 .publicite, .footerCol2 .contacteznous { float:none; margin-left:0; } #headerRight .userMenu { position:absolute; top:10px; right:15px; font-size:16px; padding-top:10px; } #headerRight .socialMenu { position:absolute; top:15px; right:195px; padding-top:0; text-align:left; } .headerSet { height:110px; } #headerCenter { padding-top:65px; } .chroniquesReview .visuelChroniqueReview { float:left; height:auto; width:30%; margin-right:3%; } .chroniquesReview .descChroniqueReview { float:left; width:66%; } .saisieconcert label.radio { width:25%; } /* .gv_galleryWrap, .gv_gallery { height:421px!important;} .gv_panelWrap, .gv_panel, .gv_panel img { width:100%!important; } .gv_panelWrap, .gv_panel, .gv_panel img { height:auto!important; }*/ } @media (min-width: 480px) and (max-width: 549px) { /* DEV : body:before { color:#0CF; content: "INTER - mobile 480px -> 549px"; } */ .bx-wrapper .bx-controls-direction a { height: 330px; } .bx-wrapper .bx-prev { background-position:0 10px; } .bx-wrapper .bx-next { background-position:-74px 10px; } .bx-wrapper .bx-prev:hover { background-position:0 -300px; } .bx-wrapper .bx-next:hover { background-position:-74px -300px; } .monCompteMenu ul { padding:5px; } .uneCritique .actions a { margin: 10px 0; width: 100%; } .chroniquesReview .visuelChroniqueReview { float:left; height:auto; width:30%; margin-right:3%; } .chroniquesReview .descChroniqueReview { float:left; width:66%; } /* .gv_galleryWrap, .gv_gallery { height:375px!important;} .gv_panelWrap, .gv_panel { width:480px!important; } .gv_panelWrap, .gv_panel, .gv_panel img { height:320px!important; } */ } @media (min-width: 420px) and (max-width: 479px) { /* DEV : body:before { color:#0CF; content: "INTER - mobile 420px -> 479px"; } */ .bx-wrapper .bx-controls-direction a { height: 290px; } .dailySellMobile p { width:60%; font-size:1.2em; } .comm.icon-commentaires { display:block; } .monCompte a.btnMonCompte { min-height:20px; font-size:14px; float:none; margin:20px 0; width: 100%; } .monCompteMenu ul { padding:0; } .monCompteMenu li a { min-height:35px; } .uneCritique .actions a { margin: 10px 0; width: 100%; } /* .gv_galleryWrap, .gv_gallery { height:335px!important;} .gv_panelWrap, .gv_panel { width:420px!important; } .gv_panelWrap, .gv_panel, .gv_panel img { height:280px!important; } */ } @media (min-width: 390px) and (max-width: 419px) { /* DEV : body:before { color:#0CF; content: "INTER - mobile 390px -> 419px"; } */ .bx-wrapper .bx-controls-direction a { height: 260px; } .bx-wrapper .bx-prev { background-position:0 -20px; } .bx-wrapper .bx-next { background-position:-74px -20px; } .bx-wrapper .bx-prev:hover { background-position:0 -330px; } .bx-wrapper .bx-next:hover { background-position:-74px -330px; } .dailySellMobile p { width:60%; font-size:1.2em; } .comm.icon-commentaires { display:block; } .monCompte h3 { font-size:14px; } .monCompte .avatar { float:left; width:120px; padding-right:10px; padding-bottom:20px; } .monCompte .avatar img { width:120px; } .monCompte a.btnMonCompte { min-height:20px; font-size:14px; float:none; margin:20px 0; width: 100%; } .monCompteMenu li a { min-height:35px; } .monCompteMenu ul { padding:0; } .uneCritique .actions a { margin: 10px 0; width: 100%; } /* .gv_galleryWrap, .gv_gallery { height:315px!important;} .gv_panelWrap, .gv_panel { width:390px!important; } .gv_panelWrap, .gv_panel, .gv_panel img { height:260px!important; } */ } @media (min-width: 10px) and (max-width: 389px) { /* DEV : body:before { color:#0CF; content: "INTER - mobile 340px -> 389px"; } */ .bx-wrapper .bx-controls-direction a { height: 230px; } .bx-wrapper .bx-prev { background-position:0 -30px; } .bx-wrapper .bx-next { background-position:-74px -30px; } .bx-wrapper .bx-prev:hover { background-position:0 -340px; } .bx-wrapper .bx-next:hover { background-position:-74px -340px; } .footerCol2 .publicite, .footerCol2 .contacteznous { float:none; margin-left:0; } .dailySellMobile p { width:60%; font-size:1.2em; } #headerRight .socialMenu a { font-size:25px; } #headerRight .socialMenu { top:20px; } .comm.icon-commentaires { display:block; } a.buttonProfilComplet { padding:15px 5px; text-align:center; text-transform:uppercase; font-size:12px; } .buttonProfilComplet::before { line-height:0.5em; float:none; display:inline; vertical-align:-40%; } .monCompte h3 { font-size:12px; } .monCompte .avatar { float:left; width:100px; padding-right:10px; padding-bottom:40px; } .monCompte .avatar img { width:100px; } .monCompte a.btnMonCompte { min-height:20px; font-size:14px; float:none; margin:20px 0; width: 100%; } .monCompteMenu li a { min-height:35px; } .monCompteMenu ul { padding:0; } .uneCritique .actions a { margin: 10px 0; width: 100%; } /* .gv_galleryWrap, .gv_gallery { height:281px!important;} .gv_panelWrap, .gv_panel { width:340px!important; } .gv_panelWrap, .gv_panel, .gv_panel img { height:226px!important; } */ }