/* Styles CSS RVCQ Auteur: Frederic GINIOUX - Turbulent Media Auteur URL Adresse: http://www.turbulent.ca */ /* Informations: //Fonts //Colors */ /* #bfbfc0 */ /* Reset CSS */ @import url("reset.css"); /* Generics HTML elements */ html { background: #000; } body { color: #fff; min-width: 990px; width: 100% !important; width: 100%; text-align: center; font: normal normal 16px/120% Arial, Verdana, Helvetica, sans-serif; } html#iframe_html { background: #d9dadb !important; } body#grille_iframe { background: #d9dadb; min-width: 377px; width: 377px; height: 100%; color: #000; } html#iframe_gallery_html { background: none; background: transparent; } body#gallery_details { background: none; background: transparent; min-width: 642px; width: 642px; height: 100%; text-align: center; } h1, h2, h3, h4, h5, h6 { color: #000; } h1 { font-size: 2em; line-height: 2.4em; } h2 { font-size: 1.5em; line-height: 1.8em; } h3 { font-size: 1.3em; line-height: 1.6em; } h4 { font-size: 1.1em; line-height: 1.4em; } h5 { font-size: 1em; line-height: 1.3em; } h5 { font-size: 0.9em; line-height: 1.2em; } a { color: #000; } a:link, a:visited, a:hover, a:active, a:focus { text-decoration: underline; } form, form * { font-family: Arial, Verdana, sans-serif; } form fieldset { font-size: 0.7em; } form fieldset label {} form fieldset p {} form fieldset input {} form fieldset input.text { border: 1px solid #747474; color: #747474; display: block; height: 14px; padding: 1px 4px; } form fieldset input.submit, #contest .submit { display: block; float: left; padding: 0 25px 0 10px; height: 18px; font-size: 0.9em; text-transform: uppercase; border: 0 none; color: #fff; background: #d13532; outline: none;} form fieldset select {} form fieldset textarea {} /* Generics Classes */ .important, .highlight, .success, .warning, .error {} .highlight { font-family: Helvetica, Arial, Verdana, sans-serif; } .error { color: #c42027; } .success { color: green; } .clear { display: block; height: 1px; overflow: hidden; font-size: 1px; line-height: 1px; clear: both; float: none; } .fleft { float: left; } .fright { float: right; } .etude { background-image: url('../images/g_etude.gif'); } .art { background-image: url('../images/g_art.gif'); } .doc { background-image: url('../images/g_doc.gif'); } .court { background-image: url('../images/g_court.gif'); } .long { background-image: url('../images/g_famille.gif'); } .anim { background-image: url('../images/g_anim.gif'); } .special { background-image: url('../images/g_special.gif'); } .default { background-image: url('../images/g_default.gif'); } /* Lien more */ a.more { text-decoration: none; display: block; height: 18px; padding: 1px 25px 1px 5px; font-size: 0.6em; text-transform: uppercase; } a.more:hover { background: #bfbfc0 !important; } /* Arrow */ .icon { display: block; width: 18px; height: 18px; overflow: hidden; } /* Liens actions */ a.navigation_link { position: relative; font-size: 11px; text-decoration: none; text-transform: uppercase; display: block; height: 20px; line-height: 20px; padding: 0 24px 0 7px; color: #fff; background: #c42027; } a.navigation_link:hover { background: #bfbfc0; color: #000; } a.navigation_link .icon { background: url('../images/arrow_blanc.gif') 7px 7px no-repeat; position: absolute; right: 5px; top: 0; } a.navigation_link:hover .icon { background-image: url('../images/arrow_noir.gif'); } a.navigation_link.btn_agenda, .btn-reglements { background: #f8f301; color: #000; } a.navigation_link.btn_agenda .icon{ background-image: url('../images/arrow_noir.gif'); } ul.submenu { padding: 0 25px 5px 10px; margin-top: 3px !important; } ul.submenu li {} ul.submenu li ul { margin-top: 1px !important; } .location { font-size: 0.6em; text-transform: uppercase; display: block; float: left; height: 16px; line-height: 16px; position: relative; padding-left: 10px; } .location sup { display: block; position: absolute; width: 5px; height: 12px; background: #000; left: 0; top: 2px; } .location.corpo sup { background: #ed1c24; } .location.tournee sup { background-color: #20a7d3; } .location.tete-a-tete sup, .location.teteatete sup { background-color: #78b12a; } .location.festival sup { background-color: #c42027; } .tags_location { padding-bottom: 5px; margin-top: -5px; } .tags_location .location { font-size: 0.8em; margin-right: 15px; } .tags_location_photos { position: relative; top: 5px; margin-bottom: -10px; } .tags_location_photos .location { margin-right: 15px;} /* Block de telechargement */ .download { min-height: 25px; height: auto !important; height: 25px; clear: both; float: none; padding-right: 5px; } .download a { padding-left: 6px; padding-right: 23px; background: #c42027; color: #fff; font-size: 0.75em; position: relative !important; float: right; margin-right: 5px; font-size: 0.65em; text-transform: uppercase; } .download a:hover { color: #000; background: #bfbfc0; } .download a .icon { position: absolute; right: 2px; top: 0; background: url('../images/arrow_blanc.gif') 7px 7px no-repeat; } .download a:hover .icon { background-image: url('../images/arrow_noir.gif'); } /* Titre de block */ .title { position: relative; min-height: 18px; height: auto !important; height: 18px; margin-bottom: -7px; } .title h2 { font-size: 1.3em; text-transform: uppercase; float: left; overflow: hidden; font-weight: normal; color: #c42027; padding: 0; margin: 0; } .title h2 * { text-transform: uppercase; } .title h2 span {} .title h2 em { display: inline; font-style: normal; padding-right: 5px; } .title h2 sub { display: none; background: url('../images/arrow_noir.gif') left 10px no-repeat; float: right; position: relative; top: 4px; } .title a { text-decoration: none; color: #fff; line-height: 20px; } .title a.highlight { position: relative; float: right; top: 18px; right: 10px; font-size: 0.6em; text-transform: uppercase; background: #000; display: block; width: auto; height: 18px; padding: 1px 25px 1px 5px; } .title a.highlight:hover { color: #000; background: #bfbfc0; } .title a.highlight .icon { position: absolute; right: 0; top: 0; background: url('../images/arrow_blanc.gif') left 7px no-repeat; float: right; margin-left: 10px; } .title a.highlight:hover .icon { background-image: url('../images/arrow_noir.gif'); } .title.cufon h2 { position: relative; top: 6px; } .subtitle { position: relative; padding-top: 20px; } .subtitle h4 { font-size: 1em; text-transform: uppercase; font-weight: normal; } .subtitle h4 * { text-transform: uppercase; font-style: normal; } .subtitle h4 em { font-weight: bold; } .subtitle h4 { position: relative; top: 6px; } .title_info { position: relative; padding-bottom: 10px; font-size: 0.85em; line-height: 130%; text-transform: uppercase; overflow: hidden; height: 70px; background: url('../images/filter_invite.png') left top no-repeat; } .title_info p { position: absolute; left: -5000px; } /* Contenant d'une image */ .media {} .media a { display: block; position: relative; } .media a img { position: relative; z-index: 5; } .media a span { background: url('../images/video_layer.png') left top no-repeat; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .media p { font-size: 0.7em; font-weight: bold; color: #575757; padding: 5px 0 20px 0; min-height: 20px; height: auto !important; height: 20px; } /* Contenant de donnees texte */ .data { padding: 0 0 10px 0; border-bottom-style: double; } .data a.more { background: #c42027; color: #fff; float: right; position: absolute; bottom: 15px; right: 1px; line-height: 20px; height: 20px; padding-right: 25px; } /* Fix sur la page des nouvelles */ .news .news.data a.more { position: relative; margin-bottom: -15px; margin-top: 15px;} .data a.more:hover { background-color: #bfbfc0; color: #000; } .data a.more .icon { background: url('../images/arrow_blanc.gif') left 7px no-repeat; position: absolute; right: 0; top: 0; } .data a.more:hover .icon { background-image: url('../images/arrow_noir.gif'); } /* Block container */ .block {} .block .container, .block .container_item { background: #d9dadb; padding: 20px 10px;} .block .container.partenaires { background: none; width: 728px;} .block .container.partenaires .partenaires{ width: auto;} .block.album_caroussel .container { padding: 15px 5px 20px 5px; } .block.custom_text { font-size: 0.8em; line-height: 120%; } .block.custom_text .container { padding: 10px 15px 10px 15px; } .block.custom_text p { padding: 8px 0 4px 0; } .block.custom_text h3, .block.custom_text h4 { display: block; text-transform: uppercase; font-size: 1.1em; position: relative; top: 4px; padding-top: 3px; font-weight: normal; } .block.custom_text ul, .block.custom_text ol { padding: 7px 25px; } .block.custom_text ol { padding-left: 30px; } .block.custom_text ul li { margin-left; 10px; list-style: square; } .block.custom_text ol li { list-style: decimal; } .block.custom_text hr { height: 3px; border: 0; background: url('../images/hr_bckg.png') left center repeat-x; margin-top: 5px; } .block.custom_text a { color: #2e7e9f; text-decoration: none; } .block.custom_text img.img_left { margin-right: 10px; } .block.custom_text img.img_right { margin-left: 10px; } .block.custom_text a.dl_doc { background-color: #c72b32; color: #fff; font-size: 0.8em; line-height: 22px; padding: 0 25px 0 5px; margin: 0 0 0 10px; float: right; height: 20px; text-transform: uppercase; text-decoration: none; position: relative; } .block.custom_text a.dl_doc:hover { color: #000; background-color: #bfbfc0; } .block.custom_text a.dl_doc .icon { background: url('../images/arrow_blanc.gif') no-repeat 7px 6px; position: absolute; right: 4px; top: 2px; } .block.custom_text a.dl_doc:hover .icon { background-image: url('../images/arrow_noir.gif'); } .custom_text a.more { margin-left: 10px; margin-top: 10px; } /* Pager */ .pager { font-size: 0.8em; } .pager ul { float: left; } .pager ul li { float: left; } .pager ul li a { display: block; width: 20px; text-align: center; color: #2e7e9f; text-decoration: none; } .pager ul li a:hover, .pager ul li.active a { color: #000; } .pager ul li.first a, .pager ul li.last a { width: 25px; overflow: hidden; text-indent: -5000px; background: url('../images/arrow_bleu.gif') 10px 7px no-repeat; } .pager ul li.first a { background-position: 5px -43px; } .pager ul li.first, .pager ul li.last {} .pager ul.simple li.first a, .pager ul.simple li.last a { margin-left: 10px; background: #000 url('../images/arrow_blanc.gif') 8px 7px no-repeat; } .pager ul.simple li.first a { margin-left: 0; margin-right: 10px; background-position: 8px -43px; } .pager ul.next li a { padding: 1px 4px; margin: 0 10px; } .pager ul.next li.first a, .pager ul.next li.last a { overflow: auto; text-indent: 0; width: auto; background: #000; color: #fff; text-transform: uppercase; font-size: 0.9em; } .pager ul.next li.first a:hover, .pager ul.next li.last a:hover { color: #fff; } .pager ul.next li.first a { margin-left: 0; padding-right: 10px; } .pager ul.next li.last a { margin-right: 0; padding-left: 10px; } .pager ul.next li a .icon { float: left; background: url('../images/arrow_blanc.gif') left -43px no-repeat; margin: 0 4px; } .pager ul.next li.last a .icon { float: none; float: right; background-position: 7px 7px; } .pager.small_size { font-size: 0.7em; } .pager ul.simple li.first a:hover, .pager ul.simple li.last a:hover { background-color: #d9dadb; background-image: url('../images/arrow_noir.gif'); } .pager ul.simple li.first.sfirst a { background: #000 url('../images/double_arrow_b_left.png') left 1px no-repeat; } .pager ul.simple li.first.sfirst a:hover { background: #d9dadb url('../images/double_arrow_n_left.png') left 1px no-repeat; } .pager ul.simple li.last.slast a { background: #000 url('../images/double_arrow_b_right.png') left 1px no-repeat; } .pager ul.simple li.last.slast a:hover { background: #d9dadb url('../images/double_arrow_n_right.png') left 1px no-repeat; } .pager_wrapper { padding: 15px 0 35px 0; } /* Element de caroussel */ .caroussel { position: relative; } .caroussel.rvcq_home_caroussel { position: relative; top: -10px; margin-bottom: 15px; z-index: 0; } .caroussel .btn { display: block; width: 18px; height: 24px; background: #c42027 url('../images/arrow_blanc.gif') 4px -41px no-repeat; overflow: hidden; font-size: 1px; text-indent: -100px; position: absolute; top: 68px; z-index: 5; margin-left: -5px; } .caroussel .btn:hover { background-color: #bfbfc0; background-image: url('../images/arrow_noir.gif'); } .caroussel .btn.last { right: -5px; margin: 0; background-position: 4px 9px; } .caroussel .btn.disabled { visibility: hidden; } .caroussel .wrapper { padding: 0; width: 725px; overflow: hidden; height: 280px; position: relative; z-index: 2; } .caroussel .wrapper.rvcq_home { height: 255px; } .caroussel .wrapper .container { padding: 0 !important; width: 3000px; background: none; position: absolute; } .caroussel .wrapper .container ul li { float: left; padding-right: 18px; padding-left: 5px; } .caroussel .item { width: 225px; } .caroussel .item .media { position: relative; padding-bottom: 38px; } .caroussel .item .media a { position: relative; } .caroussel .item .media h4 { font-size: 0.9em; line-height: 123%; width: 225px; min-height: 50px; text-transform: uppercase; font-weight: normal; background: #c42027; position: absolute; bottom: 10px; left: -5px; z-index: 15; } .caroussel .item .media h4 * { color: #fff; padding: 5px 15px; text-decoration: none; } .caroussel .item .data { font-size: 0.8em; line-height: 120%; min-height: 53px; height: 53px; } .caroussel .item .data p.important { font-weight: bold; } .caroussel .wrapper .container .caroussel_item { float: left; height: 280px; } .caroussel .wrapper .container .caroussel_item.billets { height: 240px; } .caroussel .wrapper .container .caroussel_item.billets .block .container_item { height: 190px; } .caroussel .wrapper .container .caroussel_item.billets .block .container_item .data { position: relative; width: 456px !important; margin: 0; padding: 0; min-height: 180px; } .caroussel .wrapper .container .caroussel_item.billets .block .container_item .data h3 { font-weight: normal; font-size: 0.8em; text-decoration: none; line-height: 120%; margin-bottom: 10px; } .caroussel .wrapper .container .caroussel_item.billets .block .container_item .data h3 * { text-transform: uppercase; text-decoration: none; } .caroussel .wrapper .container .caroussel_item.billets .block .container_item .data .more { position: absolute; bottom: 15px; right: 1px; } .caroussel .wrapper .container .caroussel_item.billets .block .container_item .fleft { width: 240px !important; } .caroussel .pager {} .caroussel .pager li { width: 14px; height: 7px; } .caroussel .pager li a { margin-left: 3px; width: 7px; height: 7px; background: url('../images/pager_accueil_caroussel.png') left top no-repeat; overflow: hidden; text-indent: -5000px; } .caroussel .pager li a.active { background: url('../images/pager_accueil_caroussel.png') left -8px no-repeat; } .album_caroussel .title { min-height: 15px; height: auto !important; height: 15px; clear: both; float: none; } .album_caroussel .title span { font-size: 0.65em; float: right; position: relative; left: -5px; } .album_caroussel .title h4 { text-transform: uppercase; font-weight: normal; font-size: 0.9em; padding-bottom: 0.2em; } .album_caroussel .caroussel { margin-left: 2px; margin-top: 7px; } .album_caroussel .caroussel .btn { top: 35px; margin-left: -10px; } .album_caroussel .caroussel .btn.last { margin-left: 0; margin-right: -5px; } .album_caroussel .caroussel .btn.disabled { visibility: hidden; } .album_caroussel .caroussel .wrapper { height: 97px!important; width: 710px; padding: 0; margin-left: 1px; } .album_caroussel .caroussel .wrapper .container li { padding-right: 5px; padding-left: 0; } .album_caroussel .caroussel .item { width: 175px; } .album_caroussel .caroussel .item .media { padding: 0; } .album_caroussel p { padding: 7px 2px; font-size: 0.75em; line-height: 110%; } .album_caroussel .download a { position: static; float: right; } /* calltoaction */ .calltoaction { position: relative; margin-bottom: 15px; } .calltoaction .media { position: relative; } .calltoaction a.more { background: #f9f200; position: absolute; bottom: 0; z-index: 15; font-weight: bold; padding-right: 25px; } .calltoaction a.more .icon { background: url('../images/arrow_noir.gif') 3px 7px no-repeat; position: absolute; right: 0; top: 0; } /* Film snail */ /* Small view */ .film.small {} .film.small .container .btn { display: block; width: 24px; height: 18px; overflow: hidden; text-indent: -5000px; background: #c42027 url('../images/icon_delete_agenda.gif') center center no-repeat; float: left; margin-right: 10px; } .tournee .film.small .container .btn { display: block; width: 24px; height: 18px; overflow: hidden; text-indent: -5000px; background: #c42027 url('../images/icon_delete_agenda_tournee.gif') center center no-repeat; float: left; margin-right: 10px; } .film.small .container .media { width: 74px; margin-right: 25px; } .film.small .container .data { border: none; font-size: 0.75em; background: none; } .film.small .container .data h5 { font-weight: normal; text-transform: uppercase; color: #000; font-size: 1.1em; margin: 0.3em 0; } .film.small .container .data p { line-height: 110%; color: #575757; } .film.small .container .data p.important { color: #000; font-weight: bold; clear: both; } .film.small .container .data p.warning { text-transform: uppercase; margin-top: 1em; font-size: 0.8em; line-height: 18px; height: 13px; font-weight: normal; } .film.small .container .data p.warning .icon { width: 9px; float: left; margin-right: 7px; height: 16px; } .film.small .container .data p.warning .icon { background: url('../images/g_default.gif') -2px center no-repeat; } .film.small .container .data p.warning .icon.doc { background-image: url('../images/g_doc.gif'); } .film.small .container .data p.warning .icon.etude { background-image: url('../images/g_etude.gif'); } .film.small .container .data p.warning .icon.court { background-image: url('../images/g_court.gif'); } .film.small .container .data p.warning .icon.long { background-image: url('../images/g_famille.gif'); } .film.small .container .data p.warning .icon.anim { background-image: url('../images/g_anim.gif'); } .film.small .container .data p.warning .icon.art { background-image: url('../images/g_art.gif'); } .film.small .container .data .extras { padding-top: 10px; } .film.small .container .data .extras p { width: 190px; float: left; clear: left; } .film.small .container .data .extras b { color: #000; } .film.small .container .data .extras a { position: relative; text-decoration: none; padding: 1px 23px 1px 10px; margin: -3px 0 0 0; color: #fff; line-height: 20px; background: #c42027; display: block; float: left; height: 18px; text-transform: uppercase; font-size: 0.8em; } .film.small .container .data .extras a .icon { background: url('../images/arrow_blanc.gif') 7px 7px no-repeat; position: absolute; right: 3px; top: 0; } .film.small .container .data .extras a:hover { background: #bfbfc0; color: #000; } .film.small .container .data .extras a:hover .icon { background-image: url('../images/arrow_noir.gif'); } .film.small .container .data .extras .important { padding-top: 10px; } .film.small .container .data .extras .important a { margin-left: 0; background: #f8f301; font-weight: normal; color: #000; float: none; float: left !important; } .film.small .container .data .extras .important a .icon { background-image: url('../images/arrow_noir.gif'); } .film.small .container .data .extras .important a:hover { background: #bfbfc0; color: #000; } .film.small .container .data .extras .important a:hover .icon { background-image: url('../images/arrow_noir.gif'); } .film.small .container .data .extras p b.important { font-weight: bold; color: #c42027; } .film.small .container.agenda { border-bottom: 1px solid #b4b4b5; margin-bottom: 5px; } .film.small .container.agenda .data { padding-right: 20px; } .film.small .container.agenda .data h5 { font-size: 1em; } .film.small .container.agenda .data p { clear: none; } .film.small .container.agenda .data .extras { width: 24px; float: right; margin-right: -20px; padding-top: 5px; } .film.small .container.agenda .data .extras * { color: #c42027; font-weight: bold; } .film.small .container.agenda .data .extras a { float: none; height: 18px; overflow: hidden; text-indent: -5000px; background: url('../images/icon_vue.gif') center center no-repeat; margin-bottom: 10px; } .film.small .container.agenda .data .extras p { margin-left: -10px; } .film.small .container.agenda .navigation_link { float: left; } .film.small .container.agenda p.specials { float: none !important; clear: both !important; display: block; padding: 0; border: none; margin-bottom: none; } .film.small .container.agenda p.specials span { font-size: 0.85em; text-transform: uppercase; color: #000; background: #f8f301; margin-top: 5px; display: block; padding: 2px 4px; float: left; } .film.small .container.agenda p.specials span.clear { clear: both; float: none; height: 1px; background: none; margin: 0; padding: 0; } .film.small .container.agenda .data p.doc { background: url('../images/g_doc.gif') -2px 2px no-repeat !important; } .film.small .container.agenda .data p.art { background: url('../images/g_art.gif') -2px 2px no-repeat; } .film.small .container.agenda .data p.court { background: url('../images/g_court.gif') -2px 2px no-repeat; } .film.small .container.agenda .data p.long { background: url('../images/g_famille.gif') -2px 2px no-repeat; } .film.small .container.agenda .data p.anim { background: url('../images/g_anim.gif') -2px 2px no-repeat; } .film.small .container.agenda .data p.etude { background: url('../images/g_etude.gif') -2px 2px no-repeat; } .film.small .container.agenda .data p.default { background: url('../images/g_default.gif') -2px 2px no-repeat; } .film.small .container.agenda .data p.special { background: url('../images/g_special.gif') -2px 2px no-repeat; } .film.small .container.agenda .data p.category, .film.small .container.agenda .data p.etude, .film.small .container.agenda .data p.art, .film.small .container.agenda .data p.doc, .film.small .container.agenda .data p.court, .film.small .container.agenda .data p.long, .film.small .container.agenda .data p.anim, .film.small .container.agenda .data p.default, .film.small .container.agenda .data p.special { background-repeat: no-repeat; /*height: 16px;*/ margin: 5px 0px; padding: 0px 15px!important; float: left; clear: none;} .film.small .container.agenda .data p.category a, .film.small .container.agenda .data p.etude a, .film.small .container.agenda .data p.art a, .film.small .container.agenda .data p.doc a, .film.small .container.agenda .data p.court a, .film.small .container.agenda .data p.long a, .film.small .container.agenda .data p.anim a, .film.small .container.agenda .data p.default a, .film.small .container.agenda .data p.special a { display: block; float: left; text-decoration: none; text-transform: uppercase; line-height: 19px; font-size: 10px;} .film.small .container.agenda .data p span.sep { display: block; float: left; margin-left: 5px; margin-top: 1px; text-align: center; width: 10px} .event_complement .fleft.first, .event_complement .fright.first { width: 48%; } .event_complement h4 { text-transform: uppercase; font-weight: normal; font-size: 14px; margin: 15px 0; } .event_complement .film.small.last .container { border: none; } .event_complement .film.small .container { padding: 3px 0; position: relative; min-height: 50px; height: auto !important; height: 50px; } .event_complement .film.small .container .extras { position: absolute; right: 10px; top: 5px; width: 24px; } .event_complement .film.small .container .extras a { float: none; height: 18px; text-decoration: none; overflow: hidden; display: block; overflow: hidden; text-indent: -5000px; background: url('../images/icon_vue.gif') center center no-repeat; } .event_complement .film.small .container.agenda .media { margin-right: 15px;} .event_complement .film.small .container.agenda .data { width: 220px; overflow: hidden; } .event_complement .film.small .container.agenda .data p { font-size: 11px; padding: 3px 0; } .event_complement .film.small .container.agenda .data p.highlight em { display: block; color: #000; } .event_complement .film.small .container.agenda .data p.important.warning { font-weight: normal; } .event_complement .film.small .container.agenda .data p span { color: #575757; display: block; font-weight: normal; height: 18px;} .event_complement .fright.first p { font-size: 12px; padding-top: 10px; } .event_complement .fright.first p a { text-decoration: none; color: #2e7e9f; } .event_complement .fright .block { margin-bottom: 15px; } /* Menu & filtres */ .filtre {} .filtres ul {} .filtres ul li { /*height: 20px;*/ margin: 0; line-height: 20px; font-size: 0.7em; text-transform: uppercase; color: #fff; border-bottom: 1px solid #9e9e9e; } .filtres ul li a { position: relative; display: block; /*height: 20px;*/ background: #f8f301; text-decoration: none; font-size: 0.9em; padding: 0 15px 0 8px; background-repeat: no-repeat;} .filtres ul li a .icon { background: url('../images/arrow_noir.gif') 7px 7px no-repeat; position: absolute; top: 0; right: 4px; } .filtres ul li.last { border-bottom-color: #f8f301; } .filtres ul li.last.active { border-bottom-color: #d9dadb; } .filtres ul li.title { background: #000; border-bottom-color: #000; } .filtres ul li.title span { padding-left: 8px; } .filtres ul li.active a { background: #d9dadb; } .filtres ul li.active a .icon { background-image: url('../images/active_blanc.gif'); } .filtres ul li.important { padding-left: 10px; } .filtres ul li.last.important { border: none; } .filtres ul li.open { height: auto; } .filtres ul li div.scroller { display: none; } .filtres ul li.open div.scroller { display: block; display: none; } .filtres ul li ul { background: #d9dadb; padding: 3px 0 5px 0; } .filtres ul li.open a .icon { background-position: -40px 5px; } .filtres ul li.open ul li { border-color: #d9dadb; text-transform: none; font-size: 1.1em; height: 17px; } .filtres ul li.open ul li a { background: none; height: 17px; color: #2e7e9f; float: left; } .filtres ul li.open ul li a .icon { background-image: url('../images/arrow_bleu.gif'); background-position: 7px 7px; }.filtres ul li.doc { background: #48829d; } .filtres ul li.alone a .icon { visibility: hidden; } .filtres ul li.alone a:hover { background: #d9dadb; } .filtres ul li.alone.active a .icon { visibility: visible; } #left .filtres { width: 206px; margin-bottom: 15px; margin-top: 15px; } #left .filtres .important { padding-left: 0; } #left .filtres li, #left .filtres li.last { height: auto; border-bottom-color: #9e9e9e; } #left .filtres li a { background: #fff; color: #c42027; min-height: 12px; height: auto !important; height: 12px; padding-top: 4px; padding-bottom: 4px; padding-right: 35px; line-height: 125%; } #left .filtres li a .icon { margin-left: 15px; background-position: 7px 4px; } #left .filtres li.title { border-bottom-color: #fff; } #left .filtres li.important { /*border-bottom-color: #fff;*/ } #left .filtres li.important a { /*background: #c42027;*/ background-color: #fff; } #left .filtres li.important a .icon { background-image: url('../images/arrow_noir.gif'); } #left .filtres li.active a { background: #d9dadb; color: #c42027; } #left .filtres li.active a .icon { background-image: url('../images/arrow_rouge.gif'); } #left .filtres li.important.active a { background: #d9dadb; color: #000; color: #c42027; } #left .filtres li.important.active a .icon { background-image: url('../images/arrow_rouge.gif'); } #left .filtres li a:hover { background-color: #d9dadb; } #left .filtres.infos-pratiques li.bonnes-adresses { background: #000; font-size: 0.6em; padding-left: 8px;} .super_filtres {} .super_filtres ul li { height: auto; border: none; padding: 0; } .tournee .super_filtres ul li { position:relative;} .super_filtres ul li.title { color: #fff; text-transform: uppercase; font-size: 11px; text-indent: 7px; background: #000; position: static; margin: 0; } .super_filtres ul li a { display: block; height: 20px; overflow: hidden; font-size: 10px; line-height: 18px; text-transform: uppercase; text-decoration: none; } .super_filtres ul li a { text-indent: 7px; line-height: 22px; background: #f8f301 url('../images/g_court_small.gif') left center no-repeat; border-bottom: 1px solid #9a9706; } .super_filtres ul li a:hover { background-color: #bfbfc0 !important; } .super_filtres ul li a sub { display: none; } .tournee .super_filtres ul li.open a sub { display: block; } .tournee .super_filtres ul li a .icon { background: url("../images/active_blanc.gif") no-repeat scroll 7px 7px transparent; position: absolute; right: 4px; top: 0;} .super_filtres ul li div { display: none; background: #fff; } .super_filtres ul li a.premier span { background: url('../images/arrow_noir.gif') 190px 7px no-repeat; display: block; } .super_filtres ul li.open a { background-color: #fff; } .tournee .super_filtres ul li.open a { background-color: #D9DADB; } .super_filtres ul li.open a.premier { background-color: #fff; } .super_filtres ul li.open a.premier span { background-position: 192px -95px; font-weight: bold; } .super_filtres ul li.open div { background: #fff; } .super_filtres ul li.open div a { background-color: #fff; } .super_filtres ul li.open div a.active { background-color: #d9dadb; } .super_filtres ul li.open div a.active span { display: block; background: url('../images/active_blanc.gif') 190px center no-repeat; } .filtres li.auto { height: auto !important; line-height: 120%; } .filtres li.auto a { min-height: 15px; height: auto !important; height: 15px; padding-right: 35px; padding-top: 3px; padding-bottom: 2px; } .super_filtres ul li.court a { background-image: url('../images/g_court_small.gif'); } .super_filtres ul li.long a { background-image: url('../images/g_long_small.gif'); } .super_filtres ul li.animation a { background-image: url('../images/g_amin_small.gif'); } .super_filtres ul li.etudiant a { background-image: url('../images/g_etude_small.gif'); } .super_filtres ul li.art a { background-image: url('../images/g_art_small.gif'); } .super_filtres ul li.doc a { background-image: url('../images/g_doc_small.gif'); } .super_filtres ul li.special a { background-image: url('../images/g_special_small.gif'); } .super_filtres ul li.all a.active { background-color: #D9DADB; position: relative;} .super_filtres ul li.all a.active sub { display: block; background: url("../images/active_blanc.gif") no-repeat scroll 7px 7px transparent; position: absolute; right: 4px; top: 0; } #endirect .filtres {} #endirect .filtres ul li a:hover, #presse .filtres ul li a:hover { background: #d9dadb; color: #000; } #endirect .filtres ul li a .icon, #presse .filtres ul li a .icon { visibility: hidden; } #endirect .filtres ul li.active a .icon, #presse .filtres ul li.active a .icon { background: url('../images/active_blanc.gif') 4px 4px no-repeat; visibility: visible; } #endirect .filtres .data { background: none; } #endirect #calltoaction_pub img { border: 1px solid #888;} /* Menu des seances */ .seances {} .seances .filtres ul li a { font-weight: bold; } .seances .film.small { background: #d9dadb; padding: 5px 10px 0 10px; border-bottom: 1px solid #878889; } .seances .film.small.last .container, .seances .film.small.last { border: none; } /* Menu des Albums photos */ .albums .album { font-size: 1em; border-bottom: 1px solid #878889; background: #d9dadb; } .albums .last { border: none; } .albums .filtres ul li.open a .icon { background-position: -40px 5px; } .albums .album .container { padding: 7px 10px; } .albums .album .container a { display: inline; float: left; height: auto; overflow: auto; padding: 0; margin: 0; background: none; } .albums .album .container a:hover { background: none !important; } .albums .album .container .data { width: 100px; border: none; } .albums .album .container .data h5 { font-size: 1.1em; line-height: 100%; font-weight: normal; } .albums .album .container .data h5 a { overflow: visible !important; min-height: 10px; padding: 0; height: auto !important; height: 25px; } .albums .album .container .data p { color: #828181; text-transform: none; } .albums .pager ul { min-height: 20px; height: auto !important; height: 20px; width: 100px; margin: 0 auto; } .albums .pager ul * { text-decoration: none; color: #000; } .albums .scroller { overflow: hidden; position: relative; } #endirect #albums_video.albums .filtres {} #endirect #albums_video.albums .filtres ul li a .icon { visibility: visible; } #endirect #albums_video.albums .filtres ul li a:hover { background-color: #f8f301; } .members { font-size: 0.8em; line-height: 120%; padding: 10px 0; } .members .media { width: 238px; float: left; } .members .media img { background: #fff; } .members .media p { font-size: 0.9em; color: #545353; font-weight: bold; padding-top: 5px; } .members .media p em { font-weight: normal; } .members .data { width: 450px; float: right; padding-bottom: 20px; min-height: 165px; height: auto !important; height: 165px; } .members .data h4 { font-size: 1em; text-transform: uppercase; margin-top: -5px; margin-bottom: 10px; } .events { text-align: left; } .event { background: url('../images/hr_bckg.png') left bottom repeat-x; padding: 10px 0; } .event.tournee { background: none;} .event .text { height: 160px; background: url('../images/hr_bckg.png') left bottom repeat-x;} .event .medias { width: 250px; } .event .data { border: none; background: none; width: 440px; padding-right: 15px; } .event.tournee .data { padding-bottom: 0px;} .event .data h3 { font-size: 13px; font-weight: normal; text-transform: uppercase; margin-bottom: 10px; line-height: 15px; } .event .data h3 span { font-size: 11px; color: #5f5e5e; text-transform: none;} .event .data h3 a { text-decoration: none; } .event .data h3 sup { font-weight: bold; padding-left: 7px; color: #c42027; } .event .data p { font-size: 12px; line-height: 15px; } .event .data p.important { padding: 10px 0 0 0; text-transform: uppercase; display: none; } .event .data p.important a { display: block; float: left; clear: both; text-decoration: none; background: #f8f301; height: 20px; line-height: 20px; padding: 0 4px; } .event.film .data p.important a { display: block; float: left; clear: both; text-decoration: none; background: #f8f301; height: 20px; line-height: 20px; padding: 0 4px; } .event .data p.highlight { margin-top: 10px; } .event .data p.highlight, .event .data p.highlight a { color: #575757; font-size: 11px; text-decoration: none; } .event .data p.highlight span.prizes { background: none repeat scroll 0 0 #F8F301; display: inline-block;/* float: left;*/ font-size: 0.85em; font-weight: normal; height: 16px; margin-right: 5px; padding: 1px 3px; text-transform: uppercase; line-height: 18px; color: #000; margin-bottom: 2px;} .event .data p.highlight a.feature_link,.event .data p.highlight a.feature_link:hover { color: #2e7e9f; font-size: 12px; text-decoration: none;} .event .data p.highlight a:hover { text-decoration: underline; } .event .data p.highlight b { color: #000; } .event .data a.more { display: none; position: relative; margin: 10px 0 0 0; top: 10px; right: -10px; } .event .data a.more .icon { float: right; } .events .event .data p.important { display: block; } .events .event .data a.more { display: block; } .event.film {} .event.film .data p.important { text-transform: none; font-size: 11px; } .event.film .data p.important a { background: none; display: inline; float: none; padding: 0; color: #48829d; } .event.film .data p.important a.sec-tag { cursor: default; margin-top: 12px; text-transform: uppercase; color: #000!important; text-decoration: none; display: block; float: left; clear: both; text-decoration: none; background: #f8f301; height: 20px; line-height: 20px; padding: 0 4px; } .event.film .data p.important a.sec-tag:hover { text-decoration: none!important;} .event.film .data h3 { padding-bottom: 5px; } .event.film .data h3 span { display: block; text-transform: none; font-size: 11px; color: #5f5e5e; } .event.film .data p.important { padding: 0 0 10px 0; display: block; } .event.film .data p.important.features { padding: 8px 0 5px 0; } .event.film .data p.important.features a { display: inline; line-height: 115%; } .event.film .data .tags {} .event.film .data .tags p { float: left; height: 16px; padding: 0 15px; margin: 5px 0; border-left: 1px solid #a3a5a8; font-size: 10px; text-transform: uppercase; } .event.film .data .tags p a { text-decoration: none; display: block; line-height: 18px; float: left; } .event.film .data .tags p a.second_level { margin-left: 5px; } .tournee .event.film .data .tags p a.second_level { display: none; } .event.film .data .tags p span.sep { display: block; text-align: center; width: 10px; float: left; margin-left: 5px; margin-top: 1px; } .tournee .event.film .data .tags p span.sep { display: none; text-align: center; width: 10px; float: left; margin-left: 5px; margin-top: 1px; } .event.film .data .tags p.first { border: none; } .event.film .data .tags p.doc { background: url('../images/g_doc.gif') -2px 2px no-repeat !important; } .event.film .data .tags p.art { background: url('../images/g_art.gif') -2px 2px no-repeat; } .event.film .data .tags p.court { background: url('../images/g_court.gif') -2px 2px no-repeat; } .event.film .data .tags p.long { background: url('../images/g_famille.gif') -2px 2px no-repeat; } .event.film .data .tags p.anim { background: url('../images/g_anim.gif') -2px 2px no-repeat; } .event.film .data .tags p.etude { background: url('../images/g_etude.gif') -2px 2px no-repeat; } .event.film .data .tags p.default { background: url('../images/g_default.gif') -2px 2px no-repeat; } .event.film .data .tags p.special { background: url('../images/g_special.gif') -2px 2px no-repeat; } .event.film .data .tags p.specials { float: none; clear: both; display: block; padding: 0; border: none; margin-bottom: none; } .event.film .data .tags p.specials span { background: #f8f301; margin-top: 5px; display: block; padding: 2px 4px; float: left; } .event.film .data.biographie { /*width: 680px; float: none; clear: both;*/ } .event.film .data.biographie.none { width: 680px; float: none; clear: both; } .event.film .data.biographie a { color: #2e7e9f; text-decoration: none; } .event.film .data.biographie a:hover {} .event.film .data .tags p.highlight { float: none; clear: both; padding: 5px 0; height: auto !important; border: none; text-transform: none; font-size: .7em; font-weight: bold; color: #000; margin-top: 5px; line-height: 18px; } .event.film .data .tags p.highlight span.prizes { height: 16px; display: block; float: left; padding: 1px 3px; margin-right: 5px; text-transform: uppercase; background: #f8f301; font-weight: normal; font-size: 0.85em; } .event.film.full_size .data { float: none; clear: both; width: auto; } .event.film.details {} .event.film.details .media { width: 230px;} .event.film.details p.highlight { line-height: 12px; padding: 0; margin: 6px 0 0 0; } .event.film.details p.highlight b { display: block; } .event.film.details .tags { margin-top: -8px; padding-bottom: 5px; } .event.film.details p.important { font-size: 12px; line-height: 16px; } .horizontal_menu { font-size: 10px; text-transform: uppercase; float: right; } .horizontal_menu ul { position: relative; z-index: 20; height: 18px; top: 10px; } .horizontal_menu ul li { float: left; margin-right: 10px; height: 18px; } .horizontal_menu ul li a { cursor: pointer; position: relative; top: 7px; padding: 0 25px 0 4px; display: block; height: 18px; background: #000; color: #fff; text-decoration: none; } .horizontal_menu ul li a:hover { background-color: #bfbfc0; color: #000; } .horizontal_menu ul li.active a { background: #d9dadb; color: #000; } .horizontal_menu ul li a .icon { position: absolute; top: 0; right: 3px; margin-left: 3px; background: url('../images/arrow_blanc.gif') 5px 6px no-repeat; } .horizontal_menu ul li a:hover .icon, .horizontal_menu ul li.active a .icon { background-image: url('../images/arrow_noir.gif'); } .news { font-size: 12px; border: none; background: none !important; padding: 0; } .news .fleft { width: 240px; } .news .fright { width: 465px; background: url('../images/hr_bckg.png') left bottom repeat-x; padding-bottom: 15px; } .news.fullsize .fright { float: none; width: auto; position: relative; } .news .fright h3 { font-size: 1.1em; line-height: 120%; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; } .news .fright h3 a { text-decoration: none; } .news .fright h3 span { text-transform: none; display: block; color: #5f5e5e; font-size: 11px; margin-top: 2px; line-height: 110%; } .news .fright p { line-height: 15px; margin-bottom: 10px; } .news .fright p.first { margin: 5px 0 10px 0; } .news .fright p.last { margin-top: 20px; } .news .fright a.more { font-size: 9px; } .news .fright .extras { width: 160px; float: right; } .news .fright .extras a { display: block; float: left; height: 18px; width: 24px; overflow: hidden; background: url('../images/icon_print.gif') center center no-repeat; text-indent: -5000px; } .news .fright .extras .first { margin-left: 10px; float: left; width: 100px; height: 18px; } .news .fright .extras .first a { width: 125px; background: none; } .news.communique {} .news.communique h3 span { margin-top: 3px; font-weight: bold; color: #000; } .news.communique .communique_contact { padding-top: 15px; } .news.communique .communique_contact p { padding: 1px 0; margin: 0; } .news.communique .communique_contact p a { color: #2e7e9f; text-decoration: none; } .news.communique .communique_contact p a:hover { text-decoration: underline; } .editorial {} .editorial .media { width: 225px; float: left; font-size: 11px; } .editorial .media img { background: yellow; } .editorial .media h4 { font-weight: normal; line-height: 80%; margin-top: 2px; } .editorial .media p { line-height: 100%; color: #5f5e5e; } .editorial .media .highlight { font-weight: bold; } .editorial .data { width: 455px; float: right; border: none; } .editorial .data h4 { font-size: 14px; font-weight: normal; line-height: 16px; margin-bottom: 10px; } .partenaires {} .partenaires .row { clear: both; float: none; border-bottom-style: double; padding-top: 15px; } .partenaires .row h3 { text-transform: uppercase; font-weight: normal; font-size: 0.9em; } .partenaires .row .list { text-align: center; clear: both; min-height: 100px; height: auto !important; height: 100px; } .partenaires .row .list a { text-decoration: none; padding: 3px; margin: 10px; } .partenaires .row .list a img { display: inline; } .lieux {} .lieux .data { padding-bottom: 15px; position: relative;} .lieux .data .media { margin-top: 10px; width: 35%; min-height: 120px; height: auto !important; height: 120px; } .lieux .data .fright { width: 60%; padding-top: 10px; } .lieux .data h3 { text-transform: uppercase; font-weight: normal; font-size: 0.9em; } .lieux .data .fright a.more { color: #000; background: #f8f301; float: none; clear: both; float: left; margin-top: 5px; bottom: 15px;} .lieux .data .fright a.more .icon { background-image: url('../images/arrow_noir.gif'); } .section-lieux .container { margin-bottom: 20px;} .section-lieux .data { height: auto !important; min-height: 130px; position: relative; width: 450px;} .section-lieux .data h3 { color: #000000; font-size: 0.85em; font-weight: normal; line-height: 120%; text-transform: uppercase;} .section-lieux .data p { font-size: 0.75em; line-height: 120%;} #video {} #video #player_container { padding-left: 4px 0; margin-left: -3px; } #video #player_container #player { min-height: 403px; width: 716px; } #video #player_container #player .alternate { padding: 20px 50px; font-size: 0.85em; } #video #player_container #player .alternate h3 { font-weight: normal; text-transform: uppercase; } #video #player_container #player .alternate p { padding-bottom: 20px; } #video #player_container #player .alternate a { color: #2e7e9f; text-decoration: underline; } #video .data { border: none; padding-bottom: 0; font-size: 12px; padding: 5px 4px; } #video .data h3 { text-transform: uppercase; font-weight: normal; font-size: 13px; } #video .data p { line-height: 15px; } #video .data .important { text-transform: uppercase; margin: 7px 0; font-size: 11px; } #team {} #team h3, #contest h3 { font-size: 13px; line-height: 14px; font-weight: normal; text-transform: uppercase; } #team .data { margin-bottom: 10px; } #team .data.last { border: none; margin: 0; } #team .data .list { padding: 4px; font-size: 11px; } #team .data .list ul li { width: 48%; margin-top: 10px; float: left; min-height: 70px; height: auto !important; height: 70px; } #team .data .list ul li.last { float: right; } #team .data .list ul li .media { width: 74px; margin-right: 10px; } #team .data .list ul li .media img {} #team .data .list ul li .fright { float: none; float: left; width: 240px; } #team .data .list ul li .fright p { padding-top: 5px; line-height: 115%; } #team .data .list ul li .fright p b { display: block; } #team .data .list ul li .fright p a { display: block; margin-top: 3px; height: 18px; width: 24px; background: url('../images/icon_email.gif') left top no-repeat; overflow: hidden; text-indent: -5000px; } /* Information technique */ #fiche_technique { font-size: 12px; } #fiche_technique p.important { margin-top: -7px; padding-bottom: 10px; color: #5f5e5e; } #fiche_technique ul li { padding: 0; line-height: 16px; } /* Follow RVCQ */ #follow_rvcq { padding: 15px 5px; margin-top: 20px; border-top-style: double; border-bottom-style: double; position: relative; line-height: 90%; } #follow_rvcq a { float: left; font-size: 0.8em; margin-top: 7px; } #follow_rvcq a, #follow_rvcq a * { text-transform: uppercase; text-decoration: none; color: #000; } #follow_rvcq a.media { margin-right: 10px; margin-top: 0; } #follow_rvcq a em { font-weight: bold; font-style: normal; display: block; } #follow_rvcq ul li { padding-bottom: 10px; } #follow_rvcq ul li.last { padding: 0; } #follow_rvcq.large { padding-bottom: 15px; } #follow_rvcq.large h5, #follow_rvcq.large h5 * { text-transform: uppercase; font-style: normal; line-height: 110%; } #follow_rvcq.large h5 { margin-bottom: 5px; } #follow_rvcq.large h5 em { display: block; } #follow_rvcq.large ul li { float: left; padding: 0; margin-right: 2px; } /* Infolettre formulaire */ #infolettre { padding-top: 10px; } #infolettre .container, #recherche .container { padding: 10px; } #infolettre h4, #infolettre h4 *, #recherche h4, #recherche h4 * { text-transform: uppercase; font-style: normal; } #infolettre h4, #recherche h4 { font-size: 0.75em; position: relative; top: 4px; } #infolettre h4 em { display: block; height: 14px; } #infolettre form input, #recherche form input { float: left; position: relative; z-index: 1; width: 150px; } #infolettre form input.submit, #recherche form input.submit { position: relative; z-index: 5; left: -1px; padding: 0; font-size: 1px; width: 22px; height: 18px; background: #f9f200 url('../images/arrow_noir.gif') 6px 6px no-repeat; overflow: hidden; text-indent: -500px; cursor: pointer; } #infolettre form input.submit:hover, #recherche form input.submit:hover { background-color: #bfbfc0; } /* Formulaire de recherche */ #recherche { margin-bottom: 15px; } #recherche a { display: block; float: left; text-transform: uppercase; color: #fff; text-decoration: none; width: 150px; font-size: 10px; } #recherche a .icon { background: url('../images/arrow_blanc.gif') 7px 7px no-repeat; float: right; margin-right: 5px; } #recherche .fleft, #recherche .fright { font-size: 11px; width: 49.5% !important; } #recherche .fleft a { padding-left: 22px; background: #c42027 url('../images/loupe_rouge.gif') 5px 4px no-repeat; } #recherche .fleft a { margin-right: 8px; position: relative; } #recherche .fleft a:hover,#recherche.tournee .fleft a:hover { background-color: #fff; color: #000; background-image: url('../images/loupe_blanc.gif'); } #recherche .fleft a:hover .icon,#recherche.tournee .fleft a:hover .icon { background-image: url('../images/arrow_noir.gif'); } #recherche .fleft a .icon { float: none; position: absolute; top: 0; right: 0; } #recherche .fright { margin: 0 !important; padding: 0; } #recherche .fright a { display: block; float: right; position: relative; background: #f8f301; color: #000; padding-left: 6px; width: 105px; margin-left: 10px; } #recherche .fright a.first { width: 19px; background: #000; text-indent: -5000px; padding: 0 !important; } #recherche .fright a.first .icon { background: url('../images/aide_noir.gif') center center no-repeat; margin: 1px 0 0 0; } #recherche .fright a .icon { float: none; position: absolute; right: 0; top: 0; background: url('../images/recommencer_jaune.gif') center center no-repeat; margin-right: 2px; } #recherche .fright input.text { width: 172px; } #recherche .fright input.submit { background: #f8f301 url('../images/loupe_jaune.gif') center center no-repeat; } #recherche .fright input.submit:hover { background-image: url('../images/loupe_transparent.png'); } #recherche a.active { color: #000; background-color: #fff; background-image: url('../images/loupe_blanc.gif'); } #recherche a.active .icon, #recherche a.active:hover .icon { background: url('../images/active_blanc.gif') center center no-repeat; } #recherche.tournee .fleft a { padding-left: 22px; background: #20a7d3 url('../images/loupe_bleu.gif') 5px 4px no-repeat; } /* Mon Agenda */ #user_agenda { position: fixed; z-index: 100; /*left: -397px;*/left: -573px; top: 280px; text-align: left; } #user_agenda #panel_btn { display: block; height: 143px; width: 37px; background: url('../images/agenda_btn.gif') left top no-repeat; overflow: hidden; position: absolute; right: -29px; top: 0; text-indent: -5000px; } #user_agenda.open #panel_btn { background-position: -37px top; } #user_agenda .a_wrapper { background: url('../images/panel_bckg.png') right bottom no-repeat; visibility: hidden; } #user_agenda.open .a_wrapper { visibility: visible; } #user_agenda .a_wrapper .a_container { padding: 10px 20px 10px 10px; width: 550px; min-height: 150px; height: auto !important; height: 150px; } #user_agenda h4 { font-weight: normal; text-transform: uppercase; font-size: 0.9em; line-height: 120%; padding: 0.2em 0; } #user_agenda form { padding-top: 10px; } #user_agenda form input.text { width: 172px; } #user_agenda form label { display: block; float: none; clear: both; font-size: 1.2em; color: #5f5e5e; margin: 7px 0 3px 0; } #user_agenda .intro { font-size: 0.8em; line-height: 130%; } #user_agenda .intro p { margin-bottom: 10px; } #user_agenda .intro p img { display: inline; position: relative; top: 3px; } #user_agenda .intro p a { padding: 0 25px 0 4px; text-decoration: none; overflow: hidden; background: url('../images/arrow_bleu.gif') 65px 6px no-repeat; color: #2e7e9f; } #user_agenda a.navigation { font-size: 0.7em; color: #2e7e9f; float: left; } #user_agenda a.navigation .icon { float: right; background: url('../images/arrow_bleu.gif') 5px 8px no-repeat; text-indent: -500px; } #user_agenda .fb_connect { margin-left: 10px; margin-right: 48px; width: 54px; height: 18px; background: url(../images/fb.png) 0 0; text-indent: -9999px; overflow: hidden; display: block; float: right!important;} #user_agenda #password { margin-left: 10px;} .fb-login-button { float:right !important; margin-left: 10px; } /* Liste favoris */ #agenda_favoris .container { clear: both; } #agenda_favoris .container.first { height: 50px; border-bottom-style: double; color: #000; font-size: 0.6em; margin-bottom: 10px; } #agenda_favoris .container.first em { font-style: normal; font-size: 0.9em; clear: both; display: block; margin-bottom: 5px; border-bottom: 1px solid #000; } #agenda_favoris .container.first a { text-transform: uppercase; text-decoration: none; display: block; } #agenda_favoris .container.first a.btn { color: #fff; background: #c42027; float: none; float: left; margin-right: 10px; position: relative; padding: 0 23px 0 4px; } #agenda_favoris .container.first a.btn:hover { color: #000; background: #bfbfc0; } #agenda_favoris .container.first a.btn .icon { position: absolute; top: 0; right: 0; background: url('../images/arrow_blanc.gif') 5px 7px no-repeat; margin-left: 5px; } #agenda_favoris .container.first a.btn:hover .icon { background-image: url('../images/arrow_noir.gif'); } .tournee #agenda_favoris .container.first a.btn { color: #fff; background: #20a7d3; float: none; float: left; margin-right: 10px; position: relative; padding: 0 23px 0 4px; } .tournee #agenda_favoris .container.first a.btn:hover { color: #000; background: #bfbfc0; } .tournee #agenda_favoris .container.first a.btn .icon { position: absolute; top: 0; right: 0; background: url('../images/arrow_blanc.gif') 5px 7px no-repeat; margin-left: 5px; } .tournee #agenda_favoris .container.first a.btn:hover .icon { background-image: url('../images/arrow_noir.gif'); } #agenda_favoris .container.first .extras { float: right; } #agenda_favoris .container.first .extras a { margin-top: 2px; display: block; float: left; width: 25px; height: 18px; background: #f8f301 url('../images/icon_print.gif') center center no-repeat; overflow: hidden; text-indent: -5000px; } #agenda_favoris .container.first .extras a.important { background: #f8f301 url('../images/icon_email.gif') center center no-repeat; margin-right: 5px; } #agenda_favoris .film.small { padding-right: 0; padding: 0 !important; margin: 0; } #agenda_favoris .film.small .container.agenda .media { margin-right: 10px; } #agenda_favoris .film.small .container.agenda .data { width: 405px; padding-bottom: 3px; } #agenda_favoris .film.small .container.agenda .data .important.warning { padding-top: 6px; margin-top: 0; } #agenda_favoris .film.small .container.agenda .data .specials { display: none; } #agenda_favoris .film.small .container.agenda .data .relative { padding: 0 !important; position: relative; } #agenda_favoris .film.small .container.agenda .data .navigation_link { position: absolute; right: -24px; top: -22px; } #agenda_favoris .pager { float: right; margin: 0; } #agenda_favoris .pager ul li { font-size: 0.9em; } #agenda_favoris .film.small .container.agenda .data p.category, #agenda_favoris .film.small .container.agenda .data p.etude, #agenda_favoris .film.small .container.agenda .data p.art, #agenda_favoris .film.small .container.agenda .data p.doc, #agenda_favoris .film.small .container.agenda .data p.court, #agenda_favoris .film.small .container.agenda .data p.long, #agenda_favoris .film.small .container.agenda .data p.anim, #agenda_favoris .film.small .container.agenda .data p.default, #agenda_favoris .film.small .container.agenda .data p.special { background-repeat: no-repeat; height: 16px; margin: 5px 0px; padding: 0px 15px; float: left; clear: none;} #agenda_favoris .film.small .container.agenda .data p.category a, #agenda_favoris .film.small .container.agenda .data p.etude a, #agenda_favoris .film.small .container.agenda .data p.art a, #agenda_favoris .film.small .container.agenda .data p.doc a, #agenda_favoris .film.small .container.agenda .data p.court a, #agenda_favoris .film.small .container.agenda .data p.long a, #agenda_favoris .film.small .container.agenda .data p.anim a, #agenda_favoris .film.small .container.agenda .data p.default a, #agenda_favoris .film.small .container.agenda .data p.special a { display: block; float: left; text-decoration: none; text-transform: uppercase; line-height: 18px; font-size: 10px;} #agenda_favoris .film.small .container.agenda .data .sep, #agenda_favoris .film.small .container.agenda .data p a.second_level {display: none;} /* Login */ #user_agenda #login {} #user_agenda form#login.fb { width: 515px; } #user_agenda form#login { width: 380px; } #user_agenda #login .submit, #user_agenda #subscribe .submit { cursor: pointer; float: right; background: #c42027 url('../images/arrow_b_r.gif') center right no-repeat; } #user_agenda #login .submit.important { margin-left: 10px; } #user_agenda #login .submit:hover, #contest .submit:hover { color: #000; background-image: url('../images/arrow_noir_right.png'); background-color: #bfbfc0; } #user_agenda #login fieldset.last { padding-top: 15px; } #user_agenda #login fieldset a { font-size: 0.9em; color: #2e7e9f; float: left; padding-right: 23px; text-decoration: none; position: relative; } #user_agenda #login fieldset .fb-login-button a {padding-right:0 !important;} #user_agenda #login fieldset a:hover { text-decoration: underline; } #user_agenda #login fieldset a .icon { position: absolute; top: 0; right: 0; background: url('../images/arrow_bleu.gif') 5px 8px no-repeat; text-indent: -500px; } #user_agenda #recovery { } #user_agenda #recovery p { float: left; } #user_agenda #recovery fieldset.last { padding-top: 15px; } #user_agenda #recovery fieldset a { font-size: 0.9em; color: #2e7e9f; float: left; width: auto; text-decoration: none; position: relative; padding-right: 23px; } #user_agenda #recovery fieldset a:hover { text-decoration: underline; } #user_agenda #recovery fieldset a .icon { position: absolute; right: 2px; top: 0; background: url('../images/arrow_bleu.gif') 5px 8px no-repeat; text-indent: -500px; } #user_agenda #recovery input.submit { cursor: pointer; position: relative; z-index: 5; left: -1px; padding: 0; font-size: 1px; width: 22px; height: 18px; background: #f9f200 url('../images/arrow_noir.gif') 6px 6px no-repeat; overflow: hidden; text-indent: -500px; cursor: pointer; } #user_agenda #recovery input.submit:hover { background: #bfbfc0 url('../images/arrow_noir_right.png') 6px 6px no-repeat; } .tournee #user_agenda #recovery input.submit { background: #20a7d3 url('../images/arrow_blanc_right.png') 6px 6px no-repeat; } .tournee #user_agenda #recovery input.submit:hover { background: #bfbfc0 url('../images/arrow_noir_right.png') 6px 6px no-repeat; } #update { margin-top: -10px; width: 375px; } #update .submit { cursor: pointer; float: right; background-image: url('../images/arrow_blanc.gif'); background-position: 73px 7px; background-repeat: no-repeat; } #update .submit:hover { color: #000; background: #bfbfc0 url('../images/arrow_noir_right.png') right 8px no-repeat; } #update fieldset.last { padding-top: 15px; } #user_agenda #update fieldset a { font-size: 0.9em; color: #2e7e9f; float: left; text-decoration: none; position: relative; padding-right: 23px; } #user_agenda #update fieldset a:hover { text-decoration: underline; } #user_agenda #update fieldset a .icon { position: absolute; top: 0; right: 2px; background: url('../images/arrow_bleu.gif') 5px 8px no-repeat; text-indent: -500px; } /* Subscribe */ form#subscribe { padding-bottom: 15px; width: 390px; } #subscribe fieldset.last { padding-top: 15px; } #subscribe .cbox, #update .cbox { float: right; font-size: 0.8em; padding-right: 25px; } #subscribe .cbox input, #update .cbox input { } #subscribe .cbox label, #update .cbox label { display: inline; color: #000; padding-left: 3px; } #user_agenda #subscribe fieldset a { font-size: 0.9em; color: #2e7e9f; float: left; text-decoration: none; position: relative; padding-right: 23px; } #user_agenda #subscribe fieldset a:hover { text-decoration: underline; } #user_agenda #subscribe fieldset a .icon { position: absolute; top: 0; right: 2px; background: url('../images/arrow_bleu.gif') 5px 8px no-repeat; text-indent: -500px; } #user_agenda #subscribe .submit:hover { color: #000; background-image: url('../images/arrow_noir_right.png'); background-color: #bfbfc0; } #user_agenda .agenda_msg a { text-decoration: none; position: relative; padding-right: 23px; } #user_agenda .agenda_msg a:hover { text-decoration: underline; } #user_agenda .agenda_msg a .icon { position: absolute; top: 0; right: 2px; } /* Calendar */ #calendar_wrapper { font-weight: bold; margin: 15px 0; min-height: 200px height: auto !important; height: 200px; background-color: #fff;} #edition_29e #container1 { /*max-width: 1280px;*/ margin: 0 auto; background: #fff /*url('../images/tapis.jpg') right bottom no-repeat*/; } #edition_30e #container1 { /*max-width: 1280px;*/ margin: 0 auto; background: #fff; } #container1 { /*max-width: 1280px;*/ margin: 0 auto; background: #fff url('../images/tapis.bak.jpg') right bottom no-repeat; } .quebec-cinema #container1 { /*max-width: 1280px;*/ margin: 0 auto; background: #fff ; } #container1 #container2 { background: url('../images/top_bckg.jpg') top center no-repeat; } #rvcq { background: url('../images/footer_bckg.jpg') center bottom no-repeat; } #rvcq #rvcq_wrapper { position: relative; color: #000; } #rvcq #rvcq_wrapper #rvcq_container { width: 956px; margin: 0 auto; text-align: left; position: relative; z-index: 5; } /* Centrage Header et footer ---*/ #rvcq #rvcq_wrapper .layout_wrapper { min-height: 10px; height: auto !important; height: 10px; } #rvcq #rvcq_wrapper .layout_wrapper .layout_container { position: relative; z-index: 1; } #rvcq #rvcq_wrapper #grille_lieux .layout_container { position: static; z-index: 1; } #rvcq #rvcq_wrapper .layout_wrapper.header { background: #000 url('../images/top_bckg.bak.jpg') center -22px no-repeat; } #edition_29e #rvcq #rvcq_wrapper .layout_wrapper.header { background: #000 url('../images/top_bckg.jpg') center -22px no-repeat; } #edition_30e #rvcq #rvcq_wrapper .layout_wrapper.header { background: #000 url('../images/festival_30_header.jpg') center 0 no-repeat; } #rvcq #rvcq_wrapper .layout_wrapper.header .layout_container { background: url('../images/menu_bckg.png') left bottom repeat-x; } #rvcq #rvcq_wrapper .layout_wrapper.header .layout_container .layout { background: url('../images/sep_menu.gif') left 252px repeat-x; } /* Header * --------------------------------------*/ #edition_29e #header { width: 956px; margin: 0 auto; text-align: left; min-height: 269px; height: auto !important; height: 269px; background: url('../images/header_bckg.png') left top no-repeat; } #edition_30e #header { width: 956px; margin: 0 auto; text-align: left; min-height: 269px; height: auto !important; height: 269px; background: url('../images/header_bckg.png') left top no-repeat; } #edition_29e #header .fleft.first a { display: none;} #edition_29e #header h1 { margin-bottom: 15px; margin-left: -97px; margin-top: -15px; width: 375px;} #header { width: 956px; margin: 0 auto; text-align: left; min-height: 269px; height: auto !important; height: 269px; background: url('../images/header_bckg.bak.gif') left top no-repeat; } #header .fleft { padding-top: 45px; width: 478px; } #header .fleft h4 { display: none; } #header .fleft a { display: block; height: 106px; width: 100%; overflow: hidden; text-indent: -6000px; } #header .fleft.first { width: 100px; position: relative; } #header .fleft.first a { float: left; background: tranparent; } #header .fleft .first { width: 97px; } #header .fleft .last { width: 82px; margin: 0 0 0 15px; position: absolute; left: 585px; } #header ul li { float: left; } #header ul li a { display: block; text-decoration: none; color: #fff; border-left: 1px solid #4e4e4e; } #header ul li a em { text-transform: uppercase; font-style: normal; position: relative; } #header ul li a em span { text-transform: none; } #header #main_menu { padding-top: 60px; border-bottom: 1px solid transparent; } #edition_30e #header #main_menu { padding-top: 53px;} #header #main_menu ul { min-height: 38px; height: auto !important; height: 39px; background: #000; border-right: 1px solid #4e4e4e; } #header #main_menu ul li { font-size: 22px; } #header #main_menu ul li a { height: 39px; padding: 0 41px; outline-color: invert; outline-style: none; outline-width: 0px; outline: none; } #header #main_menu ul li a em { top: 12px; padding-right: 15px; background: url('../images/menu_arrow.gif') right 12px no-repeat; } #header #main_menu ul li.active a em { background-position: right -23px; } #header #main_menu ul li.last { font-size: 10px; } #header #main_menu ul li.last a { padding: 0 20px; color: #868686;} #header #main_menu ul li.last a em { background-position: right 5px; background-image: url('../images/menu_arrow_grey.gif');} #header #main_menu ul li.active a { color: #c42027; } #header #main_menu ul li a.disabled { color: #fff; cursor: default; } /*#header #main_menu ul li#m_rvcq a:hover { color: #ed1c24; } #header #main_menu ul li#m_festival a:hover { color: #c42027; } #header #main_menu ul li#m_tournee a:hover { color: #20a7d3; } #header #main_menu ul li#m_teteatete a:hover { color: #78b12a; } #header #main_menu ul li#m_archive a:hover, #header #main_menu ul li#m_archive a.active { color: #faf100; } #header #main_menu ul li#m_archive a.active em { background: url('../images/active_arrow.gif') right center no-repeat; }*/ #header #main_menu ul li#m_0 a:hover { color: #c42027; } #header #main_menu ul li#m_1 a:hover { color: #c42027; } #header #main_menu ul li#m_2 a:hover { color: #20a7d3; } #header #main_menu ul li#m_3 a:hover { color: #78b12a; } #header #main_menu ul li#m_4 a:hover, #header #main_menu ul li#m_4 a.active { color: #faf100; } #header #main_menu ul li#m_4 a.active em { background: url('../images/active_arrow.gif') right center no-repeat; } #header #sub_menu { clear: both; } #header #sub_menu ul { min-height: 26px; height: 26px; background: #c72b32; overflow: hidden; } #header #sub_menu ul li { font-size: 12px; } #header #sub_menu ul li a { padding: 2px 12px 10px 12px; border-color: #7a1009; color: #fff; } #header #sub_menu ul li a em { top: 4px; } #header #sub_menu ul li a:hover { color: #000; } #header #sub_menu ul li.last a { border-right: 1px solid #7a1009; } #header #sub_menu ul li.active a { background: #fff; color: #000; } #header #archives_listing { display: none;} #header #archives_listing .list_wrapper { padding: 15px 0 30px 139px; } #header #archives_listing .list_wrapper ul { background: none; } #header #archives_listing .list_wrapper ul ul { padding-left: 0; font-size: 0.65em; margin: 10px; } #header #archives_listing .list_wrapper h4 { text-transform: uppercase; font-size: 0.8em; text-indent: 10px; color: #d13334; font-weight: normal; } #header #archives_listing .list_wrapper ul li { background: none; margin: 0; padding: 0; border: none; } #header #archives_listing .list_wrapper ul li a { background: none; border: none; } #header #archives_listing .list_wrapper ul li#archives_tournee { width: 215px; } #header #archives_listing .list_wrapper ul li#archives_tt { width: 212px; } #header #archives_listing .list_wrapper .first { width: 209px; margin-right: 1px; } #header #archives_listing .list_wrapper .first ul li { float: none; clear: both; padding-bottom: 2px; } #header #archives_listing .list_wrapper .first ul li a { background: #f9f200; color: #000; padding: 0 5px; position: relative; } #header #archives_listing .list_wrapper .first ul li a:hover { background: #fff; } #header #archives_listing .list_wrapper .first ul li a em { display: block; height: 12px; width: 12px; background: url('../images/arrow_noir_right.png') left center no-repeat; position: absolute; right: 5px; top: 3px; } #header #archives_listing .list_wrapper ul li#archives_tournee h4 { color: #1eb6dd; } #header #archives_listing .list_wrapper ul li#archives_tt h4 { color: #88bb36; } /* Content * --------------------------------------*/ #rvcq_content { min-height: 500px; height: auto !important; color: #000; padding-top: 20px; clear: both; float: none; } #rvcq_content #left, #rvcq_content #right, #rvcq_content #full {} #rvcq_content #left { float: left; width: 728px; padding-top: 15px; } #rvcq_content #left.tournee { padding-top: 0px;} #rvcq_content #right { float: right; width: 206px; padding-top: 5px; } /* Content - Accueil * --------------------------------------*/ #festival #accueil { padding-bottom: 100px; } #festival #accueil .block.calltoaction img { border: 1px solid #b8b8b8; } #festival #accueil .block .fleft, #festival #accueil .block .fright { width: 355px; } #festival #accueil #left { padding-top: 15px; } #festival #accueil #left .block.first .title { margin-bottom: 0; margin-top: -5px; top: -5px; } #festival #accueil #en_direct .media { width: 238px; } #festival #accueil #en_direct .data { width: 470px; min-height: 165px; height: auto !important; height: 157px; position: relative;} #festival #accueil #en_direct .data h3 { font-size: 0.85em; text-transform: uppercase; font-weight: normal; line-height: 120%;} #festival #accueil #en_direct .data h3 a { text-decoration: none; } #festival #accueil #en_direct .data p { padding: 10px 0 0; font-size: 0.8em; line-height: 120%; } #festival #accueil #partenaires {} #festival #accueil #partenaires .title h2, #partenaires .title h2 { line-height: 120%; margin-bottom: 15px; height: 30px; } #festival #accueil #left .calltoaction { padding-top: 20px; } #festival #accueil #left .block .fleft .data h4, #festival #accueil #left .block .fright .data h4 { font-weight: normal; font-size: 0.8em; text-transform: uppercase; margin: 10px 0 4px 0; } #festival #accueil #left .block .fleft .data p, #festival #accueil #left .block .fright p { font-size: 0.75em; line-height: 115%; } #festival #accueil #right { padding-top: 5px; } #partenaires { margin-top: 20px; } #partenaires .media { width: 206px; height: auto !important; height: 120px; overflow: hidden; position: relative; text-align: center; } #partenaires .title h2 { color: #000;} .media img { position: relative; } #partenaires a { margin: 0px auto; max-width: 206px!important;} #calltoaction_pub { position: relative; width: 728px; height: 90px; overflow: hidden; height: auto!important;} #calltoaction_pub a { display: block; position: relative;} #calltoaction_pub img { position: relative;} /* Grille */ #grille {} #grille_formulaire { margin: 0 auto; position: relative; text-align: left; } #grille_formulaire .telecharger { z-index: 20; position: absolute; right: 0; top: 30px; font-size: 11px; height: 20px; text-decoration: none; color: #fff; text-transform: uppercase; background: #000; padding: 0 25px 0 6px; line-height: 20px; } #grille_formulaire .telecharger .icon { position: absolute; right: 4px; top: 0; background: url('../images/telecharger_noir.gif') center center no-repeat; margin-left: 3px; } #grille_formulaire .container { padding: 12px; } #grille_formulaire .fleft.first { width: 190px; min-height: 20px; padding: 5px 0; border-right-style: double; } #grille_formulaire .fleft.first a { position: relative; display: block; height: 18px; font-size: 10px; text-transform: uppercase; text-decoration: none; background: #c42027; margin-right: 6px; padding-left: 8px; color: #fff; height: 20px; } #grille_formulaire .fleft.first a:hover { background-color: #fff; color: #000; } #grille_formulaire .fleft.tournee.first a:hover { background-color: #fff; color: #000; background-image: url('../images/loupe_blanc.gif');} #grille_formulaire .fleft.first a:hover .icon { background-image: url('../images/arrow_noir.gif'); } #grille_formulaire .fleft.first a .icon { float: none; position: absolute; right: 0; top: 0; background: url('../images/arrow_blanc.gif') 4px 8px no-repeat; } #grille_formulaire .fright { width: 729px; margin-top: 5px; height: 20px; } #grille #grille_formulaire { width: 942px !important; padding: 35px 0 5px 0; } #grille #grille_formulaire .fleft.first { width: 180px; } #grille #grille_formulaire a.active { color: #000; background-color: #fff; } #grille #grille_formulaire a.active .icon { background: url('../images/active_blanc.gif') center center no-repeat; } #grille #calltoaction_pub { margin: 0 auto 50px;} #grille #calltoaction_pub img { border: 1px solid #B8B8B8;} #grille_formulaire .fleft.tournee.first { border-right: none; width: 180px;} #grille_formulaire .fleft.tournee.first a { background: url("../images/loupe_bleu.gif") no-repeat scroll 5px 4px #20A7D3; padding-left: 22px; margin-right: 8px;} #grille_formulaire .fleft.tournee.first a.active { cursor: default; background: url("../images/loupe_blanc.gif") no-repeat scroll 5px 4px #FFFFFF; padding-left: 22px; margin-right: 8px; color: #000000;} #grille_formulaire .fleft.tournee.first a.active .icon { background: url('../images/active_blanc.gif') center center no-repeat;} #grille_formulaire .fright.tournee { float: left;} #recherche.tournee a.active .icon, #recherche.tournee a.active:hover .icon {background: url('../images/active_blanc.gif') center center no-repeat;} #recherche.tournee .fleft a.active { cursor: default; background: url("../images/loupe_blanc.gif") no-repeat scroll 5px 4px #FFFFFF; padding-left: 22px; margin-right: 8px; color: #000000;} #grille #grille_lieux { text-align: center; background: #d9dadb; min-height: 75px !important; height: auto !important; height: 75px; position: relative; margin: 30px 0 20px 0; } #grille #grille_lieux .layout_container { width: 956px; margin: 0 auto; text-align: left; } #grille #grille_lieux * { font-size: 11px; text-transform: uppercase; } #grille #grille_lieux ul.menu { width: 1060px; text-align: center; margin: 0 auto; min-height: 18px; padding-left: 0px; height: auto !important; height: 18px; /*position: absolute;*/ top: -11px; left: 13px; } #grille #grille_lieux ul.menu li { display: inline-block; background: #f8f301; margin-right: 2px; padding: 0 1px 0 2px; } #grille #grille_lieux ul.menu li:hover { background: #bfbfc0; } #grille #grille_lieux ul.menu li * { text-decoration: none; } #grille #grille_lieux ul.menu li a { display: block; height: 18px; line-height: 20px; position: relative; padding-right: 18px; } #grille #grille_lieux ul.menu li a .icon, .btn-reglements .icon { position: absolute; right: 1px; top: 0; background: url('../images/arrow_noir.gif') 7px 6px no-repeat; } #grille #grille_lieux ul.menu li.active { background: #d9dadb; } #grille #grille_lieux ul.menu li.active a { font-weight: bold; } #grille #grille_lieux ul.menu li.active a .icon { background-position: -41px 4px; } #grille #grille_lieux table { clear: both; width: 925px; margin: 0 auto 15px auto; border-left: 1px solid #000; position: relative; top: 20px; } #grille #grille_lieux table tr td { line-height: 12px; padding: 0 20px 0 7px; border-right: 1px solid #000; width: 100px; vertical-align: middle; } #grille #grille_lieux table tr td.first { border-left: 1px solid #000; } #grille #grille_lieux table tr td b { display: block; } .horaire_snail { padding-left: 9px; background: url('../images/g_special.gif') left top repeat-y; font-size: 11px; line-height: 12px; } .horaire_snail div {} .horaire_snail div h6, .horaire_snail div h6 * { font-size: 11px; color: #fff; font-weight: normal; text-decoration: none; text-transform: uppercase; } .horaire_snail div h6 { background: #000; padding: 6px; line-height: 13px; } .horaire_snail div h6 a { position: relative; padding-right: 5px; } .horaire_snail div h6 .icon { position: absolute; right: -2px; top: -4px; background: url('../images/arrow_blanc.gif') 8px 6px no-repeat; } .horaire_snail div h6 a { display: block; } .horaire_snail div p { clear: both; padding: 6px; } .horaire_snail div p * { display: block; } .horaire_snail div span { display: none; } .horaire_snail.anim { background-image: url('../images/g_anim.gif'); } .horaire_snail.art { background-image: url('../images/g_art.gif'); } .horaire_snail.long { background-image: url('../images/g_famille.gif'); } .horaire_snail.doc { background-image: url('../images/g_doc.gif'); } .horaire_snail.court { background-image: url('../images/g_court.gif'); } .horaire_snail.etude { background-image: url('../images/g_etude.gif'); } .horaire_snail.default { background-image: url('../images/g_default.gif'); } #grille #horaire {} #grille #horaire #horaire_wrapper { margin: 0 auto; max-width: 1000px; width: 100%; text-align: center; background: url('../images/grille_bckg.png') center top no-repeat; } #grille #horaire #horaire_wrapper #horaire_container { width: 926px; text-align: left; margin: 0 auto; min-height: 840px; height: auto !important; height: 840px; } #grille #horaire .cols { padding-top: 6px; } #grille #horaire .cols .col { position: relative; width: 153px; height: 776px; float: left; margin: 0 0 0 1px; } #grille #horaire .cols .col.first { margin-left: 2px; } #grille #horaire #programmation { position: relative; z-index: 25; top: 0; left: 0; } #grille #horaire #programmation .col {} #grille #horaire #programmation .col .horaire_snail { min-height: 54px; height: 54px; width: 144px; position: absolute; } #grille #horaire #programmation .col .horaire_snail p { background: #fff; } #grille #horaire #programmation .col .horaire_snail.height_1 { height: 54px; } #grille #horaire #programmation .col .horaire_snail.height_2 { height: 110px; } #grille #horaire #programmation .col .horaire_snail.height_3 { height: 166px; } #grille #horaire #programmation .col .horaire_snail.height_4 { height: 221px; } #grille #horaire #programmation .col .horaire_snail.height_5 { height: 276px; } #grille #horaire #programmation .col .horaire_snail:hover span { display: block; background: #000; padding-left: 7px; } #grille #horaire #programmation .col .horaire_snail:hover span img {} #grille #horaire #programmation .col .horaire_snail:hover p { background: #000; color: #fff; } #grille #horaire #programmation .col .horaire_snail.space_10 { top: 0; } #grille #horaire #programmation .col .horaire_snail.space_11 { top: 55px; } #grille #horaire #programmation .col .horaire_snail.space_12 { top: 111px; } #grille #horaire #programmation .col .horaire_snail.space_13 { top: 165px; } #grille #horaire #programmation .col .horaire_snail.space_14 { top: 222px;} #grille #horaire #programmation .col .horaire_snail.space_15 { top: 275px; } #grille #horaire #programmation .col .horaire_snail.space_16 { top: 333px; } #grille #horaire #programmation .col .horaire_snail.space_17 { top: 386px; } #grille #horaire #programmation .col .horaire_snail.space_18 { top: 444px; } #grille #horaire #programmation .col .horaire_snail.space_19 { top: 498px; } #grille #horaire #programmation .col .horaire_snail.space_20 { top: 555px; } #grille #horaire #programmation .col .horaire_snail.space_21 { top: 608px; } #grille #horaire #programmation .col .horaire_snail.space_22 { top: 666px; } #grille #horaire #programmation .col .horaire_snail.space_23 { top: 719px; } #grille #horaire #programmation .col .horaire_snail.impair.height_1 { height: 57px; } #grille #horaire #programmation .col .horaire_snail.impair.height_2 { height: 112px; } #grille #horaire #programmation .col .horaire_snail.impair.height_3 { height: 168px; } #grille #horaire #programmation .col .horaire_snail.impair.height_4 { height: 224px; } #grille #horaire #programmation .col .horaire_snail.impair.height_5 { height: 279px; } #grille #speciaux { min-height: 150px; height: auto !important; height: 150px; position: relative; z-index: 10; } #grille #speciaux .cols { padding: 0; } #grille #speciaux .cols .col { min-height: 44px; height: auto !important; height: 44px; width: 461px; margin-left: 2px; } #grille #speciaux .cols .col.fright { float: none; float: right; margin: 0; left: -1px; } #grille #speciaux .cols .col.fright .horaire_snail { padding-left: 4px; } #grille #speciaux .cols .col.fright div { background-color: #000; } #grille #speciaux .horaire_snail { background-color: #000; } #grille #speciaux .horaire_snail * { cursor: pointer; } #grille #speciaux .horaire_snail p { color: #fff; padding: 0 6px 6px 6px; margin-top: -2px; position: relative; top: -2px; } #grille #speciaux .horaire_snail p * { display: inline; } /* Template 1 - Pages statiques ----*/ #festival #tpl1 {} #festival #tpl1 #left { width: 206px; } #festival #tpl1 #left.tournee { width: 728px; } #festival #tpl1 #right { width: 728px; } #festival #tpl1 #right.tournee { width: 206px; } #festival #tpl1 #left, #festival #tpl1 #right { margin-bottom: 50px; } #festival #tpl1 #calltoaction_pub { margin-top: 35px;} #festival #tpl1 #calltoaction_pub img { border: 1px solid #888;} #forfaits {} #forfaits .block .container { border: none; background: url('../images/hr_bckg.png') left bottom repeat-x; } #forfaits .block .container .media { margin-left: 0 !important; padding-left: 0; } #forfaits .block .container .fright { width: 410px; border: none; background: none; } #grille_iframe #seance_wrapper { padding: 15px; text-align: left; } #grille_iframe #seance_wrapper #seance_container {} #grille_iframe #seance_wrapper #seance_container h3, #grille_iframe #seance_wrapper #seance_container h4 { font-size: 0.9em; font-weight: normal; text-transform: uppercase; } #grille_iframe #seance_wrapper #seance_container h4 { font-size: 0.75em; } #grille_iframe #seance_wrapper #seance_container p { font-size: 0.75em; line-height: 100%; clear: both; float: none; } #grille_iframe #seance_wrapper #seance_container p.important { color: #575757; } #grille_iframe #seance_wrapper #seance_container p.important b { color: #000; display: block; line-height: 110%; } #grille_iframe #seance_wrapper #seance_container .links { padding-bottom: 5px; } #grille_iframe #seance_wrapper #seance_container .links a.navigation_link { float: left; } #grille_iframe #seance_wrapper #seance_container b.important { font-size: 0.75em; color: #c42027; line-height: 14px; display: block; float: left; padding-right: 15px; } #grille_iframe #seance_wrapper #seance_container p .category { display: block; text-transform: uppercase; height: 14px; line-height: 16px; padding-left: 12px; background: url('../images/g_default.gif') -4px center no-repeat; } #grille_iframe #seance_wrapper #seance_container p .etude { background-image: url('../images/g_etude.gif'); } #grille_iframe #seance_wrapper #seance_container p .art { background-image: url('../images/g_art.gif'); } #grille_iframe #seance_wrapper #seance_container p .doc { background-image: url('../images/g_doc.gif'); } #grille_iframe #seance_wrapper #seance_container p .court { background-image: url('../images/g_court.gif'); } #grille_iframe #seance_wrapper #seance_container p .long { background-image: url('../images/g_famille.gif'); } #grille_iframe #seance_wrapper #seance_container p .anim { background-image: url('../images/g_anim.gif'); } #grille_iframe #seance_wrapper #seance_container p .special { background-image: url('../images/g_special.gif'); } #grille_iframe #seance_wrapper #seance_container .intro h3 { margin-bottom: 7px; } #grille_iframe #seance_wrapper #seance_container .intro .important { margin: 5px 0; } #grille_iframe #seance_wrapper #seance_container .intro .highlight { margin: 10px 0; } #grille_iframe #seance_wrapper #seance_container .intro .links a { float: left; margin-right: 7px; padding-right: 23px; position: relative; } #grille_iframe #seance_wrapper #seance_container .intro .links a .icon { position: absolute; right: 3px; top: 0; } #grille_iframe #seance_wrapper #seance_container .list { background: url('../images/hr_bckg.png') left top repeat-x; padding-top: 5px; } #grille_iframe #seance_wrapper #seance_container .list .list_row { padding: 6px 0 9px 0; border-bottom: 1px solid #9b9b9c; } #grille_iframe #seance_wrapper #seance_container .list .media { width: 74px; float: left; } #grille_iframe #seance_wrapper #seance_container .list .fright { float: right; width: 300px; } #grille_iframe #seance_wrapper #seance_container .list h4 { margin-bottom: 5px; padding-right: 25px; position: relative; } #grille_iframe #seance_wrapper #seance_container .list h4 a { position: absolute; right: 5px; top: 0; display: block; overflow: hidden; text-indent: -5000px; width: 24px; heihgt: 18px; background: #c42027 url('../images/view_icon_rouge.png') center center no-repeat; } #grille_iframe #seance_wrapper #seance_container .list p { color: #575757; line-height: 110%; } #grille_iframe #seance_wrapper #seance_container .list p em { color: #000; display: block; } #grille_iframe #seance_wrapper #seance_container .list p.warning { height: 16px; line-height: 16px; margin: 5px 0 10px 0; } #grille_iframe #seance_wrapper #seance_container .list p.warning .icon { float: left; width: 5px; margin-right: 5px; height: 16px; } #grille_iframe #seance_wrapper #seance_container .list p.highlight { font-size: .7em; font-weight: bold; color: #000; margin-top: 5px; line-height: 18px; } #grille_iframe #seance_wrapper #seance_container .list p span { height: 16px; display: block; float: left; padding: 1px 3px; margin-right: 5px; text-transform: uppercase; background: #f8f301; font-weight: normal; font-size: 0.8em; } #grille_iframe #seance_wrapper #seance_container .list p.specials { padding: 3px 0; clear: both; float: none; } #grille_iframe #seance_wrapper #seance_container .list p.specials span.clear { height: 1px; float: none; clear: both; background: none; } #grille_iframe #seance_wrapper #seance_container .list .feature p.important {} #grille_iframe #seance_wrapper #seance_container .list .feature p.important a { font-size: 0.8em; line-height: 18px; text-transform: uppercase; text-decoration: none; background: #f8f301; display: block; float: left; height: 16px; padding: 1px 4px; } #grille_iframe #seance_wrapper #seance_container .list .feature p.important span.clear { height: 1px; padding: 0; width: 40px; overflow: hidden; } #grille_iframe #seance_wrapper #seance_container .list p.default { display: none;} #grille_iframe #seance_wrapper #seance_container .list p.category, #grille_iframe #seance_wrapper #seance_container .list p.etude, #grille_iframe #seance_wrapper #seance_container .list p.art, #grille_iframe #seance_wrapper #seance_container .list p.doc, #grille_iframe #seance_wrapper #seance_container .list p.court, #grille_iframe #seance_wrapper #seance_container .list p.long, #grille_iframe #seance_wrapper #seance_container .list p.anim, #grille_iframe #seance_wrapper #seance_container .list p.default, #grille_iframe #seance_wrapper #seance_container .list p.special { background-repeat: no-repeat; height: 16px; margin: 5px 0px; padding: 0px 15px; float: left; clear: none;} #grille_iframe #seance_wrapper #seance_container .list p.category a, #grille_iframe #seance_wrapper #seance_container .list p.etude a, #grille_iframe #seance_wrapper #seance_container .list p.art a, #grille_iframe #seance_wrapper #seance_container .list p.doc a, #grille_iframe #seance_wrapper #seance_container .list p.court a, #grille_iframe #seance_wrapper #seance_container .list p.long a, #grille_iframe #seance_wrapper #seance_container .list p.anim a, #grille_iframe #seance_wrapper #seance_container .list p.default a, #grille_iframe #seance_wrapper #seance_container .list p.special a { display: block; float: left; text-decoration: none; text-transform: uppercase; line-height: 18px; font-size: 10px;} #grille_iframe #seance_wrapper #seance_container .list p span.sep { display: none;} #grille_iframe #seance_wrapper #seance_container .list p a.second_level { display: none;} #d_programme #left, #d_programme #right { padding-bottom: 50px; } #d_programme #left { padding-top: 0; } #d_programme_details #right { padding-top: 65px; } #d_programme_details #left { padding-bottom: 40px; } #d_programme #calltoaction_pub img { border: 1px solid #888;} /**/ #polaroid { background: #fff; text-align: left; color: #000; width: 605px; padding: 10px; margin: 0 auto; } #polaroid .title { position: relative; z-index: 10; top: 0; margin: 0; } #polaroid .title h2 { line-height: 100%; } #polaroid .media { background: #d9dadb; clear: both; flot: none; position: relative; text-align: center; z-index: 1; } #polaroid .media img { margin: 0 auto; } #polaroid .media a { position: absolute; top: 200px; display: block; height: 25px; width: 18px; overflow: hidden; text-indent: -5000px; } #polaroid .media a.first { left: -22px; background: #c42027 url('../images/arrow_blanc.gif') 4px -41px no-repeat; } #polaroid .media a.last { right: -22px; background: #c42027 url('../images/arrow_blanc.gif') 4px 9px no-repeat; } #polaroid p { font-size: 0.75em; line-height: 110%; } #polaroid .data { border: none; padding: 10px 0 0 0; overflow: hidden; } #polaroid .data h3 { font-weight: normal; font-size: 0.85em; text-transform: uppercase; margin-bottom: 3px; } #polaroid .data .important { float: right; color: #545353; font-size: 0.65em; width: 45%; } #polaroid .data .important em { padding: 0; } #polaroid .data .highlight { padding-top: 7px; } /* A propos */ #prix_introduction { margin-bottom: 30px; } /* En direct */ #endirect #right { padding-top: 44px; margin-bottom: 100px; } #endirect #video { margin-bottom: 30px; } #endirect #video .data { background: none; } /* Presse */ #presse #right, #tpl2 #right { padding-top: 37px; } #presse #right .filtres { margin-bottom: 20px; } /* Site Map */ #site_map {} #site_map #left ul { margin: 10px 50px 10px 25px; font-size: 0.9em; } #site_map #left ul li { margin-bottom: 4px; } #site_map #left ul li ul li { margin-bottom: 0; } /* Footer * --------------------------------------*/ #footer { width: 956px; margin: 0 auto; min-height: 97px; height: auto !important; height: 97px; font-size: 0.7em; line-height: 110%; clear: both; float: none; color: #fff; } #footer .fleft, #footer .fright { padding-top: 35px; } #footer a:link, #footer a:active, #footer a:focus, #footer a:visited, #footer a:hover { color: #fff; text-decoration: none; } #footer .fleft ul li { float: left; padding: 2px 10px; background: url('../images/footer_sep.gif') right 4px no-repeat; } #footer .fleft ul li a:hover { text-decoration: underline; } #footer .fleft ul li.first { padding-left: 0; } #footer .fleft ul li.last { padding-right: 0; background: none; } #footer .fright p { line-height: 150%; margin-top: -5px; margin-bottom: 5px; } #footer .fright p * { display: block; float: left; margin-left: -5px; } #footer .fright p em { padding: 0 10px; color: #f8f301; } #footer .fright p a { overflow: hidden; width: 62px; text-indent: -500px; background: url('../images/akufen_logo.gif') left top no-repeat; } #footer .fright p a.last { width: 68px; background-image: url('../images/turbulent_logo.gif'); } /* Tournee */ /*body.tournee { background-image: url('../images/tournee/tournee_map.jpg') no-repeat 0 bottom;}*/ .tournee #container_more { background: /*url('../images/tournee/tournee_map.jpg') no-repeat left bottom transparent*/ none;} .tournee #container1 { background: url('../images/tournee/tournee_fullbg.jpg') bottom center no-repeat #ffffff; } .tournee #rvcq #rvcq_wrapper .layout_wrapper.header { background: #000 url('../images/tournee/top_tournee_bckg.jpg') center -23px no-repeat; } .tournee #rvcq #rvcq_wrapper .layout_wrapper.header .layout_container { background: url('../images/tournee/menu_tournee_bckg.png') left bottom repeat-x; } .tournee #rvcq #rvcq_wrapper #rvcq_container { position: static;} /* Menu */ .tournee #header { background: url("../images/tournee/top_tournee_logo.png") no-repeat scroll 0 40px transparent; } .tournee #header .fleft { padding-top: 41px; width: 300px; } .tournee #header .fleft a { display: block; height: 110px; width: 345px; overflow: hidden; text-indent: -6000px; } .tournee #header .fleft.first { width: 110px; } .tournee #header .fleft a { height: 130px; margin-bottom: -20px; margin-left: 179px; width: 361px; } .tournee #header .fleft.first a { margin-left: 0; } .tournee #header #main_menu ul li a em { background: url('../images/tournee/menu_arrow.png') right 12px no-repeat; } .tournee #header #main_menu ul li.active a em { background-position: right -23px; } .tournee #header #main_menu ul li.active a { color: #20a7d3; } .tournee #header #main_menu ul li a.disabled { color: #fff; cursor: default; outline-color: invert; outline-style: none; outline-width: 0px; outline: none; } .tournee #header #main_menu ul li.last a em { background-position: right 5px; background-image: url('../images/menu_arrow_grey.gif');} .tournee #header #sub_menu ul { background: #20a7d3; overflow: hidden; } .tournee #header #sub_menu ul li a { border-color: #4e4e4e; } .tournee #header #sub_menu ul li.last a { border-right: 1px solid #4e4e4e; } /* Agenda reset */ rvcq #user_agenda, .tete-a-tete #user_agenda { display: none; } .tournee #user_agenda #panel_btn { background-image:url("../images/agenda_tournee_btn.gif");} .tournee #user_agenda #login .submit, .tournee #user_agenda #subscribe .submit { background: url("../images/arrow_b_r_tournee.gif") no-repeat scroll right center #20a7d3;} .tournee #user_agenda #login .submit:hover { color: #000; background-image: url('../images/arrow_noir_right.png'); background-color: #bfbfc0; } .tournee #user_agenda #subscribe .submit:hover { color: #000; background-image: url('../images/arrow_noir_right.png'); background-color: #bfbfc0; } /* Classes */ .tournee .title h2 { color: #20a7d3; } .tournee a.navigation_link { background-color: #20a7d3; } .tournee a.navigation_link:hover { background: #bfbfc0; } .tournee .download a { background-color: #20a7d3; } .tournee .media a span { background-image: url('../images/tournee/video_layer.png'); } .tournee .block.custom_text a.dl_doc { background-color: #20a7d3; } .tournee .data a.more { background: #20a7d3; } .tournee .caroussel .btn { background-color: #20a7d3; } .tournee .caroussel .item .media h4 { background-color: #20a7d3; } .tournee .caroussel .pager li a { background-image: url('../images/tournee/pager_accueil_caroussel.png'); } .tournee .caroussel .pager li a.active { background-position: left -8px; } .tournee .film.small .container .btn { background-color: #20a7d3; } /*.tournee .film.small .container .data .extras a { background: #20a7d3; }*/ .tournee #left .filtres li a { color: #20a7d3; } .tournee #left .filtres li.active a { color: #20a7d3; } .tournee #left .filtres li.important.active a { color: #20a7d3; } .tournee #left .filtres li.active a .icon { background-image: url('../images/tournee/arrow_rouge.gif'); } .tournee #left .filtres li.important.active a { color: #20a7d3; } .tournee #left .filtres li.important.active a .icon { background-image: url('../images/tournee/arrow_rouge.gif'); } .tournee #polaroid .media a.first, .tournee #polaroid .media a.last { background-color: #20a7d3; } /* itineraire */ .tournee #city_selector { background-color: #d9dadb; font-size: 11px; height: 40px; /*position: absolute;*/ margin-top: 30px; top: -60px; left: 0px; width: 100%; text-transform: uppercase;} .tournee #city_selector .inner { width: 940px; margin: 0px auto; text-align: left;} .tournee #city_selector a.a_city { overflow: hidden; position: relative; background-color: #f8f301; float: left; display: block; width: 75px; height: 39px; text-align: left; text-decoration: none; margin-top: -13px; cursor: pointer; padding: 3px 7px 4px; line-height: 13px; margin-right: 5px; font-size: 11px;} .tournee #city_selector li { position: relative; display: inline-block; width: 98px; height: 40px;} .tournee #city_selector a.a_city.on,.tournee #city_selector a.a_city.on:hover { background-color: #d9dadb; cursor: default;} .tournee #city_selector a.a_city:hover { background-color: #bfbfc0;} .tournee #city_selector .icon { position: absolute; right: 7px; top: 15px; background: url('../images/arrow_noir.gif') 7px 6px no-repeat; } .tournee #city_selector .on .icon { position: absolute; right: 7px; top: 15px; background: url('../images/arrow_noir.gif') -41px 4px no-repeat; } #festival.tournee #tpl1 { position: relative;} .tournee .intro_box { margin: 0px 0 20px;} .tournee .intro_box .left { width: 227px; float: left;} .tournee .intro_box .left img { max-width: 210px;} .tournee .intro_box .left a { display: block; margin: 0px auto; } .tournee .intro_box .right { width: 702px; background-color: #d9dadb; padding: 15px 20px 20px 6px; float: left; font-size: 12px; line-height: 15px;} .tournee .intro_box .right .text { width: 505px; padding-left: 10px;} .tournee .border { border-top: 1px solid #000; border-bottom: 1px solid #000; height: 1px; text-indent: -9999px; overflow: hidden; margin-top: 16px;} .tournee #grille_tournee .date { width: 212px; float: left; border-top: 1px solid #cccdcf; padding-top: 15px; text-align: right; font-size: 22px; padding-right: 15px; color: #2ab3d5;} .tournee #grille_tournee .first .date { margin-top: 15px;} .tournee #grille_tournee .info { width: 728px; background-color: #d9dadb; float: left; font-size: 12px; line-height: 15px; padding-bottom: 20px;} .tournee #grille_tournee .date .upper { text-transform: uppercase;} .tournee #grille_tournee .left { float: left; padding-left: 6px;} .tournee #grille_tournee .right { float: left; padding: 0px 33px 0px 16px; width: 435px;} .tournee #grille_tournee .first .info{ padding-top: 15px;} .tournee #grille_tournee .right p.title { font-size: 14px; text-transform: uppercase; margin: 10px 0px 12px; color: #000;} .tournee #grille_tournee .right p.title a { color: #000;} .tournee #grille_tournee .right p.films { font-size: 12px; margin-bottom: 10px;} .tournee #grille_tournee .right p.ou { font-size: 11px; color: #575757;} .tournee #grille_tournee .right .text { min-height: 135px;} .tournee #grille_tournee .clear { height: 0px;} .tournee #grille_tournee a.more { margin-bottom: -16px; position: relative; background: #20a7d3; color: #fff; float: right; bottom: 15px; right: 1px; line-height: 20px; height: 20px; padding-right: 25px; font-size: 10px;} .tournee #grille_tournee .icon{ background: url('../images/arrow_blanc.gif') left 8px no-repeat; position: absolute; right: 0; top: 0; } .tournee #itineraire_map { width: 728px; margin-left: 227px;} .tournee .super_filtres ul li.all a { background-image: none;} #festival .super_filtres ul li.all a { background-image: none;} .tournee .event_complement .film.small .container.agenda .data p span { display: none;} .tournee .event_complement .film.small .container.agenda .data p .second_level { display: none;} .tournee #rvcq #rvcq_wrapper .layout_wrapper .layout_container { position: inherit;} .tournee .event .data .text { min-height: 145px; padding-bottom: 15px; height: auto; } .tournee .event .data .text ul li { list-style-type: disc; list-style-position: inside; font-size: 12px;} /* RVCQ - Corpo. */ .rvcq #container1 { background-image: none; } .rvcq #rvcq #rvcq_wrapper .layout_wrapper.header { background: #000 url('../images/rvcq/top_bckg.jpg') center -23px no-repeat; } .rvcq #rvcq #rvcq_wrapper .layout_wrapper.header .layout_container { background: url('../images/menu_bckg.png') left bottom repeat-x; } .rvcq #header { background: url('../images/rvcq/header_bckg.png') 10px 30px no-repeat; } .rvcq #header .fleft { padding-top: 41px; width: 100px; } .rvcq #header .fleft a { display: block; visibility: hidden; height: 120px; width: 100%; overflow: hidden; text-indent: -6000px; } .rvcq #header .fleft.first { width: 110px; } .rvcq #header .fleft.first a.first { visibility: visible; width: 200px; } .rvcq #header .fleft a { margin-left: 0; } .rvcq #header #main_menu { padding-top: 50px; } .rvcq #header #main_menu ul li a em { background: url('../images/menu_arrow.gif') right 12px no-repeat; } .rvcq #header #main_menu ul li.active a em { background-position: right -23px; } .rvcq #header #main_menu ul li.active a { color: #C42027; } .rvcq #header #main_menu ul li a.disabled { color: #fff; cursor: default; outline-color: invert; outline-style: none; outline-width: 0px; outline: none; } .rvcq #header #main_menu ul li.last a em { background-position: right 5px; background-image: url('../images/menu_arrow_grey.gif');} .rvcq #header #sub_menu ul { background: #C42027; overflow: hidden; } .rvcq #header #sub_menu ul li a { border-color: #4e4e4e; } .rvcq #header #sub_menu ul li.last a { border-right: 1px solid #4e4e4e; } .rvcq .title h2 { color: #C42027; } .rvcq a.navigation_link { background-color: #ed1c24; } .rvcq a.navigation_link:hover { background: #bfbfc0; } .rvcq .download a { background-color: #C42027; } .rvcq .media a span { background-image: url('../images/video_layer.png'); } .rvcq .block.custom_text a.dl_doc { background-color: #ed1c24; } .rvcq .data a.more { background: #C42027; position: absolute; bottom: 10px; right: 1px;} .rvcq .caroussel .btn { background-color: #C42027; } .rvcq .caroussel .item .media h4 { background-color: #ed1c24; } .rvcq .caroussel .pager li a { background-image: url('../images/pager_accueil_caroussel.png'); } .rvcq .caroussel .pager li a.active { background-position: left -8px; } .rvcq .film.small .container .btn { background-color: #ed1c24; } .rvcq .film.small .container .data .extras a { background: #ed1c24; } .rvcq #left .filtres li a { color: #C42027; } .rvcq #left .filtres li.active a { color: #ed1c24; } .rvcq #left .filtres li.important.active a { color: #ed1c24; } .rvcq #left .filtres li.active a .icon { background-image: url('../images/rvcq/arrow_rouge.gif'); } .rvcq #left .filtres li.important.active a { color: #C42027; } .rvcq #left .filtres li.important.active a .icon { background-image: url('../images/arrow_rouge.gif'); } .rvcq #right .filtres li { position: relative; } .rvcq #right .filtres li em { z-index: 100; display: block; width: 5px; height: 18px; background: #000; float: left; position: absolute; top: 1px; left: 0px; } .rvcq #right .filtres li.location_festival em { background-color: #c42027; } .rvcq #right .filtres li.location_tournee em { background-color: #20a7d3; } .rvcq #right .filtres li.location_teteatete em { background-color: #78b12a; } .rvcq #polaroid .media a.first, .rvcq #polaroid .media a.last { background-color: #ed1c24; } /* Tete a Tete */ .tete-a-tete #container1 { background-image: none; } .tete-a-tete #rvcq #rvcq_wrapper .layout_wrapper.header { background: #000 url('../images/rvcq/top_bckg.jpg') center -23px no-repeat; } .tete-a-tete #rvcq #rvcq_wrapper .layout_wrapper.header .layout_container { background: url('../images/tat/menu_bckg.png') left bottom repeat-x; } .tete-a-tete #header { background: url('../images/tat/header2011.png') left 40px no-repeat; } .tete-a-tete #header .fleft { padding-top: 41px; width: 100px; } .tete-a-tete #header .fleft a { display: block; visibility: hidden; height: 110px; width: 100%; overflow: hidden; text-indent: -6000px; } .tete-a-tete #header .fleft.first { width: 110px; } .tete-a-tete #header .fleft.first a.first { visibility: visible; width: 440px; } .tete-a-tete #header .fleft a { margin-left: 0; } .tete-a-tete #header #main_menu ul li a em { background: url('../images/tat/menu_arrow.png') right 12px no-repeat; } .tete-a-tete #header #main_menu ul li.active a em { background-position: right -23px; } .tete-a-tete #header #main_menu ul li.active a { color: #78b12a; } .tete-a-tete #header #main_menu ul li a.disabled { color: #fff; cursor: default; outline-color: invert; outline-style: none; outline-width: 0px; outline: none; } .tete-a-tete #header #main_menu ul li.last a em { background-position: right 5px; background-image: url('../images/menu_arrow_grey.gif');} .tete-a-tete #header #sub_menu ul { background: #78b12a; overflow: hidden; } .tete-a-tete #header #sub_menu ul li a { border-color: #4e4e4e; } .tete-a-tete #header #sub_menu ul li.last a { border-right: 1px solid #4e4e4e; } .tete-a-tete .title h2 { color: #78b12a; } .tete-a-tete a.navigation_link { background-color: #78b12a; } .tete-a-tete a.navigation_link:hover { background: #bfbfc0; } .tete-a-tete .download a { background-color: #78b12a; } .tete-a-tete .media a span { background-image: url('../images/tat/video_layer.png'); } .tete-a-tete .block.custom_text a.dl_doc { background-color: #78b12a; } .tete-a-tete .data a.more { background: #78b12a; } .tete-a-tete .caroussel .btn { background-color: #78b12a; } .tete-a-tete .caroussel .item .media h4 { background-color: #78b12a; } .tete-a-tete .caroussel .pager li a { background-image: url('../images/tat/pager_accueil_caroussel.png'); } .tete-a-tete .caroussel .pager li a.active { background-position: left -8px; } .tete-a-tete .film.small .container .btn { background-color: #78b12a; } .tete-a-tete .film.small .container .data .extras a { background: #78b12a; } .tete-a-tete #left { padding-top: 18px; } .tete-a-tete #left .filtres li a { color: #78b12a; } .tete-a-tete #left .filtres li a .icon { margin-top: 3px; } .tete-a-tete #left .filtres li.active a { color: #78b12a; } .tete-a-tete #left .filtres li.important.active a { color: #78b12a; } .tete-a-tete #left .filtres li.active a .icon { background-image: url('../images/tat/arrow_rouge.gif'); } .tete-a-tete #left .filtres li.important.active a { color: #78b12a; } .tete-a-tete #left .filtres li.important.active a .icon { background-image: url('../images/tat/arrow_rouge.gif'); } .tete-a-tete #polaroid .media a.first, .tete-a-tete #polaroid .media a.last { background-color: #78b12a; } .tete-a-tete .block a { color: #000; } .tete-a-tete .block a.highlight { color: #fff; } .tete-a-tete .block a.highlight:hover { color: #000; } .tete-a-tete .block a.more { display: block; background-color: 78b12a; color: #fff; } .tete-a-tete .block a.more:hover { color: #000 } .tete-a-tete #tete_a_tete .block a.more { font-size: 0.8em; } .tete-a-tete #tete_a_tete .block p.highlight { font-size: 0.9em; } .tete-a-tete #d_programme .event.film .data .tags { display: none;} #grille #tete_a_tete .event.film .data .tags { display: none;} #grille #grille_lieux.tete-a-tete { min-height: 37px !important; height: auto !important; height: 37px; } #grille #grille_lieux.tete-a-tete .caroussel { height: 37px; height: 50px; } #grille #grille_lieux.tete-a-tete .caroussel .wrapper { overflow: hidden; height: 48px; height: 55px; position: absolute; top: -11px; left: 40px; width: 875px; } #grille #grille_lieux.tete-a-tete .caroussel .btn { top: -10px; } #grille #grille_lieux.tete-a-tete .caroussel .btn.first { left: 14px; } #grille #grille_lieux.tete-a-tete .caroussel .btn.last { right: 11px; } #grille #grille_lieux.tete-a-tete .caroussel .wrapper .container {} #grille #grille_lieux.tete-a-tete .caroussel .wrapper ul.container li { padding-right: 19px; } #grille #grille_lieux.tete-a-tete .caroussel .wrapper ul.container li a { display: block; height: 18px; text-indent: 4px; text-decoration: none; line-height: 20px; position: relative; width: 204px; background: #f8f301; } #grille #grille_lieux.tete-a-tete .caroussel .wrapper ul.container li a span { display: none; font-weight: normal; } #grille #grille_lieux.tete-a-tete .caroussel .wrapper ul.container li a .icon { position: absolute; right: 3px; top: 0; background: url('../images/arrow_noir.gif') 7px 6px no-repeat; } #grille #grille_lieux.tete-a-tete .caroussel .wrapper ul.container li.active a { background: #d9dadb; font-weight: bold; } #grille #grille_lieux.tete-a-tete .caroussel .wrapper ul.container li.active a .icon { background-position: -41px 4px; } #grille #grille_lieux.tete-a-tete .caroussel .wrapper ul.container li a:hover { background: #d9dadb; } #grille #grille_lieux.tete-a-tete .caroussel .wrapper ul.container li.active a span, #grille #grille_lieux.tete-a-tete .caroussel .wrapper ul.container li a:hover span { display: block; line-height: 140%; text-indent: 0; padding-left: 5px; } #teteatete_wrapper { text-align: center; } #teteatete_wrapper #teteatete_container { width: 946px; margin: 0 auto; text-align: left; padding: 0 0 40px 0; min-height: 300px; height: auto !important; height: 300px;} #teteatete_wrapper #teteatete_container .fright { width: 206px; margin-top: 30px; } #teteatete_wrapper #teteatete_container #tete_a_tete { min-height: 300px; width: 728px; float: left; } .tete-a-tete #grille_formulaire {} .tete-a-tete #grille_formulaire a { background-color: #78b12a; background-image: url('../images/tat/loupe_rouge.gif'); } .tete-a-tete #teteatete_container #tete_a_tete { padding-bottom: 40px; } .tete-a-tete #teteatete_container #tete_a_tete .block .container .event .data.fright { width: 440px; margin-top: 0; } .tete-a-tete #teteatete_container #tete_a_tete #prix_introduction .event { background: none; } .tete-a-tete #rvcq_content #right .film.small a.btn_agenda { display: none; } .tete-a-tete #grille_formulaire .fleft.first a { background-color: #78b12a; margin-right: 6px; padding-left: 8px; color: #fff; height: 20px; } .tete-a-tete #grille_formulaire .fleft.first a:hover { color: #000; background: #fff; } .tete-a-tete .listing_film { font-size: 0.75em; padding-top: 10px; } .tete-a-tete .listing_film a { text-decoration: none; color: #2e7e9f; } .tete-a-tete #grille_formulaire a.active { color: #000; background-color: #fff !important; } .tete-a-tete #grille_formulaire a.active .icon { background: url('../images/active_blanc.gif') center center no-repeat; } .tete-a-tete #grille_formulaire #recherche .fleft a.active { background-image: url('../images/loupe_blanc.gif'); } .tete-a-tete #grille_formulaire #recherche .fright a { background: #F8F301; } .tete-a-tete .fullsize .data { width: 675px; } /* Nouvelle page listing de video */ #listing_video { margin-bottom: -12px;} #listing_video #container_video { width: 728px; margin-left: -8px;} #listing_video .album { width: 176px; background-color: #000; font-size: 11px; float: left; margin-left: 4px; margin-bottom: 12px;} #listing_video .album div { padding: 1px 5px; color: #fff;} #listing_video .album .titre { height: 54px; background-color: #d52027; text-transform: uppercase; line-height: 13px; padding-top: 4px;} #listing_video .album .titre a { color: #fff; text-decoration: none;} #listing_video .album .titre a:hover { text-decoration: underline;} #listing_video .album .date { } .tete-a-tete #listing_video .album .titre { background-color: #78B12A;} .tournee #listing_video .album .titre { background-color: #20A7D3;} .filtres.archives_vid ul li a:hover { background-color: #d9dad5!important;} .filtres.archives_vid ul li a .icon { display: none!important;} .filtres.archives_vid ul li.active a .icon { display: block!important;} /* Nouvelle page album single */ .album_single .album_caroussel { margin-left: -8px;} .album_single .album_caroussel .media { width: 175px;} .album_single .album_caroussel .media a { display: block; margin-bottom: 3px;} .album_single .album_caroussel .media a span { display: block; width: 175px; height: 97px; position: absolute; top: 0; left: 0; background: none;} .album_single .album_caroussel .media a span:hover { background: url("../images/video_layer.png") no-repeat center transparent;} .album_single .album_caroussel .caroussel .wrapper { height: 160px!important;} .album_single .album_caroussel .titre { font-size: 11px; text-transform: uppercase; line-height: 15px;} .album_single .album_caroussel .date { font-size: 11px; color: #575757;} #endirect #video.album_single .data { padding-bottom: 15px; border-bottom: 3px double #000!important;} #video.album_single #player_container { height: 403px;} .tete-a-tete .album_single .album_caroussel .media a span:hover { background: url("../images/tat/video_layer.png") no-repeat center transparent;} .tournee .album_single .album_caroussel .media a span:hover { background: url("../images/tournee/video_layer.png") no-repeat center transparent;} .album_single .album_caroussel .caroussel .btn { margin-left: -14px;} .album_single .album_caroussel .caroussel .btn.last { margin-right: -16px;} /* Concours */ #contest .container {padding:20px 14px; font-size:12px;} #contest .content {width:685px; margin-top:34px; margin-left:11px;} #contest h3 {background:transparent url("../images/concours/logo-concours.png") no-repeat left top; text-indent: -2500px; height:146px; display: block;} .partenaires {width:235px;} .partenaires li a{background:transparent url("../images/concours/logo-partenaires.png") no-repeat ; display: block; text-indent:-2000px;} li a.quartierLatin {background-position: left top; width:201px; height:98px;} li a.lozeau {background-position: left -98px; width:165px; height:70px;} li a.nikon {background-position: left bottom; width:162px; height:53px;} .light-grey, .commercants li span {color:#575757; display:block; text-transform: none;} .intro {border-bottom:1px solid #9b9b9b; width:448px; line-height: 115%; padding-bottom:20px;} .inscription {width:448px; padding:20px 0px 10px 0px; border-bottom:1px solid #9b9b9b; font-size:11px;} .inscription p {font-size:12px;} .inscription h4 {text-transform: uppercase; margin-bottom:20px; font-size:14px; display: block;} #form-contest {position:relative;} .inscription label {text-transform:uppercase; margin-bottom: 15px; padding-top:6px; line-height:normal; width:109px; display:inline-block;} #indice {margin-left:3px;} .inscription input, .inscription button {margin-bottom:12px; padding: 3px 2px;} .inputs {width:328px;} .wide{width:327px;} #contest .submit {color:white; border:0 none; background: #c42027 url('../images/arrow_b_r.gif') center right no-repeat; cursor:pointer; font-size:11px;} a.btn-reglements {font-size: 11px; text-decoration: none; text-transform: uppercase; display: block; padding:0 20px 0 10px;; margin-left:10px; position:relative;} #contest a.btn-reglements .icon {right:5px;} #contest-list #listing .data { width: 450px; min-height: 165px; height: auto !important; height: 157px; position: relative; font-size: 16px;} #contest-list #listing .data h3 { background: none; display: inline; text-indent: 0; font-size: 0.85em; text-transform: uppercase; font-weight: normal; line-height: 120%;} #contest-list #listing .data h3 a { text-decoration: none; } #contest-list #listing .data p { padding: 10px 0 0; font-size: 0.8em; line-height: 120%; } #contest-list #listing .data a.more { width: 75px;} #contest-list #listing .container { margin-bottom: 20px;} #contest-list #calltoaction_pub img { border: 1px solid #888;} .commercants {width:448px; margin-top:20px;} .commercants h4{text-transform:uppercase; margin-bottom: 20px; display: block; font-size: 14px;} .commercants li {line-height:115%; padding-bottom:15px;} .commercants li a {font-weight:bold; text-decoration:none; color:#2e7e9f;} .commercants .liste2 {margin-left:90px;} #festival .listing_infos .media { width: 238px;} #festival .listing_infos .media a { display: block; position: relative;} #festival .listing_infos .media a img { position: relative; z-index: 5; max-width: 225px;} #festival .listing_infos .data { height: auto !important; min-height: 130px; position: relative; width: 450px;} #festival .listing_infos .data h3 { font-size: 0.85em; font-weight: normal; line-height: 120%; text-transform: uppercase; color: #000;} #festival .listing_infos .container { margin-bottom: 20px;} /*#festival .listing_infos .pager li { list-style: none; font-size: 1.3em;}*/ #festival .listing_infos.block.custom_text ul,#festival .listing_infos.block.custom_text ol { padding: inherit;} #festival .listing_infos.block.custom_text ul li { list-style: none;} #festival .listing_infos.block.custom_text { font-size: inherit; line-height: inherit; } #festival .listing_infos p { font-size: 0.75em; line-height: 120%;} .prog-overlay { display: none;} #festival .prog-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: url('../images/bg_overlay.png'); z-index: 200;} #festival .prog-overlay .wrapper-overlay { width: 362px; height: 78px; background: #d9dadb; margin: 240px auto 0; position: relative; font-size: 14px; text-transform: uppercase; text-align: left;} #festival .prog-overlay .wrapper-overlay .close { background: url('../images/overlay_close.jpg'); position: absolute; top: -12px; right: 20px; width: 67px; height: 18px; text-indent: -9999px; overflow: hidden;} #festival .prog-overlay .wrapper-overlay p { margin: 13px; padding-top: 26px; border-bottom: 3px double black; padding-bottom: 12px;} /* Quebec cinema */ .quebec-cinema #rvcq #rvcq_wrapper .layout_wrapper.header { background: url("../images/top_bckg_qc_cinema.jpg") no-repeat scroll center -22px #000000;} .quebec-cinema #header { background: url("../images/header_quebec_cinema.png") no-repeat scroll left 40px transparent;} .quebec-cinema #header .fleft.first a { width: 232px;} #quebec-cinema #accueil { padding-bottom: 100px; } #quebec-cinema #accueil .block.calltoaction img { border: 1px solid #b8b8b8; } #quebec-cinema #accueil .block .fleft, #festival #accueil .block .fright { width: 355px; } #quebec-cinema #accueil #left { padding-top: 15px; } #quebec-cinema #accueil #left .block.first .title { margin-bottom: 0; margin-top: -5px; top: -5px; } #quebec-cinema #accueil #en_direct .media { width: 238px; } #quebec-cinema #accueil #en_direct .data { width: 470px; min-height: 165px; height: auto !important; height: 157px; position: relative;} #quebec-cinema #accueil #en_direct .data h3 { font-size: 0.85em; text-transform: uppercase; font-weight: normal; line-height: 120%;} #quebec-cinema #accueil #en_direct .data h3 a { text-decoration: none; } #quebec-cinema #accueil #en_direct .data p { padding: 10px 0 0; font-size: 0.8em; line-height: 120%; } #quebec-cinema #accueil #partenaires {} #quebec-cinema #accueil #partenaires .title h2, #partenaires .title h2 { line-height: 120%; margin-bottom: 15px; height: 30px; } #quebec-cinema #accueil #left .calltoaction { padding-top: 20px; } #quebec-cinema #accueil #left .block .fleft .data h4, #festival #accueil #left .block .fright .data h4 { font-weight: normal; font-size: 0.8em; text-transform: uppercase; margin: 10px 0 4px 0; } #quebec-cinema #accueil #left .block .fleft .data p, #quebec-cinema #accueil #left .block .fright p { font-size: 0.75em; line-height: 115%; } #quebec-cinema #accueil #right { padding-top: 5px; } /* Misc */ .cont_menu { left: 0px; right: 0px; position: absolute; top: -11px;} a.pdf_btn.telecharger { z-index: 20; position: absolute; right: 228px; top: 30px; font-size: 11px; height: 20px; text-decoration: none; color: #fff; text-transform: uppercase; background: #000; padding: 0 25px 0 6px; line-height: 20px; } a.pdf_btn.telecharger .icon { position: absolute; right: 4px; top: 0; background: url('../images/telecharger_noir.gif') center center no-repeat; margin-left: 3px; } /*.archive_programmation { position: relative;}*/ .pager.standalone ul { visibility:1!important;} .classification_img { margin-top: 10px;} .director .clear { margin-bottom: 3px;} #fb-auth { width: 86px; height: 18px; background: url('../images/connect_fb.png'); cursor: pointer; float: right; text-indent: -9999px; overflow: hidden; margin-left: 10px;} /* Clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }