/* ONF.CA style */ body{background-color:#ededed;} p{line-height:1.5em;margin:1em 10px} ul,dl,ol{margin:1em 10px;list-style-position:inside} b, strong{font-weight:bold} i, em{font-style:italic} a{color:#900} strong em, em strong {font-style:italic;font-weight:bolder;} h1{font-size: 1em;font-weight:900} h2{font-size:2em;margin: 0.83em 10px} h3{font-size:1.16em;font-weight:900;margin: 0.83em 10px} h4{margin:1em 10px;font-weight:bold} h5{} ol{list-style-type:decimal;} table{margin:1em 10px} td,th{padding:0.5em} /*---*/ .accroche{color:#666;font-weight:bold;margin:-1em 10px} /*catchphrase*/ .film-onf{font-weight:bold;font-style: italic} .titreArticle {font-size:2em;margin: 0.5em 10px 0px;font-weight:normal} .soustitreArticle {font-size:1.1em;margin: -3px 13px 0px;font-weight:bold;} .headPubDate{margin: 10px 10px -10px;} .articleSuite{display:block;margin:2em 10px;color:#900} .description{} .meta{margin:1em 10px} /*_classes onf-nfb-XXX : identifie des objet specifique a la collection de l"onf */ .onf-nfb-vignette{} .onf-nfb-film{font-weight:bold;font-style: italic} .onf-nfb-realisateur{} .onf-nfb-producteur{} .onf-nfb-film-date{} .onf-nfb-duree{} /*---*/ /*---*/ div.left{float:left;display:inline} div.right{float:right;display:inline} /*---*/ /*-les images-*/ .photo{margin:1em 0px 0px} .photo img{display:block;} .photo p, p.caption{font-size:0.75em;color:#666;margin:0.5em 5px} .photoInline{margin:0em 15px 0px 10px} .photoInline img{display:block;} /*---*/ /*NAVBAR*/ /* #navbar {height:30px;background-color:black} */ /* #navbar li{display:inline} */ /* voir -> navbar.css*/ /*HEADER*/ /* * modification au header : juin 2008 * - integration du search box dans le header * */ #hd{} #hd{padding:10px 0 0 0;margin-bottom:0px} .onfb-hd1 .onfb-bloc{height:70px;border-bottom:0px solid #b2b2b2} .onfb-hd1 #onfb-hmain .onfb-bloc{border-bottom:0px} .onfb-hd1 #onfb-hmain .onfb-un{height:70px;border-bottom:0px solid #b2b2b2;} .onfb-hd1 #onfb-hmain .prim{position:relative;background-color:white} .onfb-hd1 #onfb-hmain h1{height:44px; width:480px;position:absolute;bottom:0px;} .onfb-hd1 #onfb-hmain h1 span{height:44px; width:480px;position:absolute;left:0;z-index:1} /*_TITRES*/ /*__page d'accueil*/ .onfb-hd1 #onfb-hmain h1.home{height:70px;width:480px;} .onfb-hd1 #onfb-hmain h1.home span{height:70px; width:480px;background:url(../images/h1-hp.gif) no-repeat } /*__sections*/ .onfb-hd1 #onfb-hmain h1 {font-family:"Franklin Gothic Demi Cond","HelveticaNeue MediumCond","Arial Narrow", Arial, sans-serif;font-size:2em;color:#717578;text-transform:uppercase;font-weight:bold;overflow:hidden} .onfb-hd1 #onfb-hmain h1.home {font-size:1em;} /*__ -> les image des sections sont definit par la css de section*/ /*a deplacer sur le css specifique a chaqu une de ces sections*/ .onfb-hd1 #onfb-hmain h1.animation-fr span{background:url(../images/h1-animation-fr.gif) no-repeat } .onfb-hd1 #onfb-hmain h1.cinerobotheque-fr span{background:url(../images/h1-cinerobotheque-fr.gif) no-repeat } .onfb-hd1 #onfb-hmain h1.aproposdelonf-fr span{background:url(../images/h1-a-propos-de-lonf-fr.gif) no-repeat } .hd-cont{} .hd-cont .search {padding-top:14px;position:absolute;top:0;right:0;z-index:1; width:315px;height:60px; background:url(../images/search-bk.jpg) top left no-repeat;} .hd-cont .search form {/*display:table-cell;vertical-align:middle;*/height:60px;} .hd-cont .search input.txt-field {margin-left:15px; padding:5px 0 5px 30px; float:left; width:160px; background:url(../images/loupe.jpg) 0 2px no-repeat #fff;} .hd-cont .search .main-search-bt {width:82px; height:26px;margin:2px 0 0 6px;} .breadcrumbs {font-size:0.9166em} .breadcrumbs a{text-decoration:none;color:#999} .breadcrumbs a:hover{color:#000} .breadcrumbs a:focus { outline: 0px solid black ;color:#000} .breadcrumbs a:active { outline: 0px solid red } .breadcrumbs a em{font-style:normal} .breadcrumbs strong{color:#000} .breadcrumbs em:after{ content: " /";} /*slogan*/ .head-caption{text-align:center;padding:5px;border-top:1px solid #999;border-bottom:1px solid #999; margin:0 10px 10px 10px;line-height:10px;font-size:9px} .head-caption a{line-height:1.2em} /*FOOTER*/ #ft{ font-size:0.9166em;padding-top:10px; } #ft ul{ text-align:right; } #ft li{ display:inline;color:#fff } #ft li a{ text-decoration:none;color:#fff;padding:0 0.5em } #ft li a:hover{ text-decoration:underline } .sign{ color:#ccc;background:url(../images/nfb-onf-logo-signature.gif) no-repeat ;padding:3px 0 3px 73px;line-height:1em } #bot-wrap {height:196px;background-color:#626262;} #bot-wrap .sign ul {text-align:left;} #bot-wrap ul li a.first {padding-left:0px;} #bot-wrap .wordmark {margin-top:30px;} .sign{padding:0 0 3px 73px;line-height:.9em; margin-left:10px;background:url(../images/nfb_logo.gif) no-repeat top left;width:100%;height:75px; margin-top:10px; float:left; padding-left:130px; color:#fff; } .sign p {line-height:16px;} /*MENU ONF (vertical)*/ #menu-onf{margin:0;font-size:0.9166em} #menu-onf ul{margin:0;padding:1em 0;/*zoom:1;*/background:url(../images/onf-menu-edge.gif) no-repeat;list-style-position:outside} #menu-onf li{line-height:1em;margin:0.5em 0px} #menu-onf li a{text-decoration:none;color:#000;font-weight:bold} #menu-onf li a:hover{border-bottom:1px solid #900;color:#990000} /*#menu-onf li a:active{border-bottom:1px solid #000;outline:none}*/ #menu-onf li a:focus { outline: 0px solid black ;border-bottom:1px solid #666} #menu-onf li a:active { outline: 0px solid red } #menu-onf li em{font-style:normal} #menu-onf li.selected a{color:#990000} .trouver-film p.selected a{color:#990000} .groupes{} .voutes{} .action{} .corpo{} .menu-extra{padding:1em 0 0.7272em 0;} .menu-extra p,.menu-extra ul{margin-left:0} .menu-extra ul{list-style-position:outside} .menu-extra strong, #menu-onf li strong{font-size:14px;color:#8a9197; font-weight:bolder;} .menu-extra a{text-decoration:none;color:#000;font-weight:bold} .menu-extra a:hover{text-decoration:underline} .trouver-film{background:url(../images/extra-edge-green.gif) no-repeat} .abonn{background:url(../images/extra-edge-bleu.gif) no-repeat} .site{background:url(../images/extra-edge-red.gif) no-repeat} .rss{background:url(../images/extra-edge-orange.gif) no-repeat} /*.trouvez-film {background:#666666 url(../images/extra-edge-green.gif) bottom left no-repeat;height:115px;color:#fff;padding-top:5px;padding-left:5px;}*/ .trouver-film em {font-style:normal;} .trouver-film a{color:#000;line-height:1.2em} .trouver-film a:hover{text-decoration:none;} .sites li{margin:0;padding:0.7272em 0;border-top: 1px dashed #999} .sites li.first{padding-top:0;border-top:none;} .site li a{text-decoration:none;color:#000} .site li a:hover{text-decoration:underline} #menu-onf .blog{background:url(../images/red-bar.jpg) no-repeat;} #menu-onf .subscribe{background:url(../images/blue-bar.jpg) no-repeat} #menu-onf .sites{background:url(../images/red-bar.jpg) no-repeat} #menu-onf .corpo, #menu-onf .navigate, #menu-onf .vaults, #menu-onf .films {background:url(../images/grey-bar.jpg) no-repeat;} #menu-onf .store {background:url(../images/orange-bar.jpg) no-repeat;} #menu-onf .navigate, #menu-onf .store, #menu-onf .subscribe, #menu-onf .sites, #menu-onf .blog {margin-top:10px;} #menu-onf .navigate a, #menu-onf .corpo a, #menu-onf .films a, #menu-onf .vaults a{font-size:12px;color:#000;} #menu-onf .store li a, #menu-onf .subscribe li a, #menu-onf .sites li a, #menu-onf .blog li a {font-size:1em;font-weight:normal;color:#990000} #menu-onf .navigate li.selected a{color:#a50000;} #menu-onf .store li a{background:url(../images/ico-cart.gif) top left no-repeat; padding-left:16px } #menu-onf .subscribe li.sub-newsl a{background:url(../images/ico-mail-12x12.gif) top left no-repeat; padding-left:17px } #menu-onf .subscribe li.sub-rss a{background:url(../images/feed-icon-12x12.gif) top left no-repeat; padding-left:16px } /*MENU SECTION*/ .menu-section{margin:0 0 10px;font-size:0.9166em;background:#a50000 url(../images/menu-section-bkg.jpg) bottom left no-repeat;clear:right} .menu-section li{float:left;border-right:1px solid #fff;background:url(../images/menu-section-bkg.jpg) bottom left no-repeat} .menu-section li.last{border-right:0px solid #fff;clear:right} .menu-section li a, .menu-section li span{cursor:pointer;display:block;padding:1em;text-decoration:none;color:#fff;} .menu-section li span{cursor:default} .menu-section li a:hover{color:#fff;background-color:#c50000} .menu-section li a:active{outline: 0px solid red; background-color:#c50000} .menu-section li a:focus {outline: 0px solid black ;color:#fff;background-color:#c50000} .menu-section li em{font-style:normal} .menu-section li strong a{color:#000;font-weight:normal; background: url(../images/menu-section-bkg-act.gif) repeat-x} .menu-section li strong a:hover{color:#000} .menu-section:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .menu-section{min-height:0} /*MENU STYLE TIME lINE*/ .menu-timeline{margin:0px;font-size:1em;background:#eee url(../images/menu-tmln-bkg.gif) bottom left repeat-x} .menu-timeline li{width:136px;height:50px;float:left;border-right:0px solid #fff;background: url(../images/menu-tmln-bkg.jpg) bottom right repeat-x} .menu-timeline li.ctrl{width:62px;height:50px;overflow:hidden} .menu-timeline li.last{background-image:none} .menu-timeline li em, .menu-timeline li strong{font-style:normal;font-weight:bold;text-transform:uppercase} .menu-timeline li a{display:block;padding:1em 1em 0.9111em;text-decoration:none;color:#000} .menu-timeline li a:hover{color:#fff;background-color:#6b6b6b} .menu-timeline li span{cursor:default} .menu-timeline li a:active{outline: 0px solid red; background-color:#6b6b6b} .menu-timeline li a:focus {outline: 0px solid black ;color:#fff;background-color:#6b6b6b} .menu-timeline li.ctrl a{position:relative;height:50px; width:62px;padding:1px 0px} .menu-timeline li.ctrl a span{height:50px; width:62px;position:absolute;left:0;z-index:1;cursor:pointer} .menu-timeline li.ctrl a span.prec{background:url(../images/menu-tmln-btn-prec.jpg);} .menu-timeline li.ctrl a span.suiv{background:url(../images/menu-tmln-btn-suiv.jpg);} .menu-timeline li.ctrl a:hover span.prec{background:#6b6b6b url(../images/menu-tmln-btn-prec-1.jpg);/*hoverflow:hidden*/} .menu-timeline li.ctrl a:hover span.suiv{background:#6b6b6b url(../images/menu-tmln-btn-suiv-1.jpg);} .menu-timeline li strong a{color:#fff; background:#fff url(../images/menu-tmln-act-bkg.gif) no-repeat bottom right} .menu-timeline li strong a:hover{color:#fff} .menu-timeline:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .menu-timeline{min-height:0} /*_SOUS MENU SECTION*/ ul.sous-menu-section{margin:0;padding-left:0px;background-color:#dfdfdf;font-size:0.9166em;} ul.sous-menu-section ul{list-style-position: outside;margin:0px} .sous-menu-section li{display:inline;float:left;margin:0.7272em 48px 0 14px;padding:0px;} .sous-menu-section li li{display:block;float:none;margin:0px;} .sous-menu-section ul li{padding:0 0 0.7272em 10px;background :url(../images/sous-menu-liste-bullet.gif) top left no-repeat;} .sous-menu-section li.actif{background :url(../images/sous-menu-liste-bullet_actif.gif) no-repeat;} .sous-menu-section li a{margin:0px;padding:0px;text-decoration:none;color:#000;} .sous-menu-section li a:hover{text-decoration:underline} .sous-menu-section:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .sous-menu-section{min-height:0} /*.sous-menu-section{zoom:1}*/ /*_SOUS MENU SECTION VERTICAL*/ .sous-menu-section-vrt { padding:0px; margin-left:20px; } .sous-menu-section-vrt { list-style-position: inside; list-style-type: none; margin:0px; } .sous-menu-section-vrt li { background:#6B6B6B url(../images/faire-un-film-li.jpg) no-repeat 10px 13px; padding:10px 10px 10px 30px; /*.margin-left:-16px; zoom:1;*/ } .sous-menu-section-vrt li.actif, .sous-menu-section-vrt li:hover { background:#000000 url(../images/faire-un-film-li-selected.jpg) no-repeat 10px 13px;} .sous-menu-section-vrt li a { color:#ffffff; text-decoration:none; } .sous-menu-section-vrt em{font-style:normal} /*RECHERCHE*/ .recherche{background-color:#e6e6e6;padding:10px 0;border-top:5px solid #9e9e9e;border-bottom:5px solid #9e9e9e} .recherche input{} .champ-recherche input {font-weight:bold;color:#969696;padding:0.222em} .btn-submit input{padding:0.1em} .paneau-titre{font-family:"Arial Narrow", Arial, sans-serif;text-transform:uppercase;font-size:1.5em;color:#8a9197;font-weight:bold;margin-bottom:10px} /*Formulaire*/ .formulaire {background-color:silver} .formulaire div{margin:0em 0} .formulaire div input{} .formulaire div label{display:block;float:left;width:70px} .formulaire div.txt,.formulaire div.fich {margin:1em 0 1em 1em} .formulaire div.txt input{width:310px} .formulaire div.fich input{width:106px;padding:0 1em} .formulaire div.fich label{width:130px} fieldset{padding:0px 10px} fieldset legend{font-size:2em;color:#8a9197} fieldset div{margin:0 0 10px 0} fieldset label{display:block;/*width:90px;*/} fieldset input{width:95%} fieldset .btn-submit input{display:block;margin: 10px 0 0} fieldset select{} fieldset .range input{width:3em} /*_trouver un film voir css collection.css */ /*_mini (sur le cote)*/ .mini{text-align:center;margin-bottom:10px} .mini input{margin:0 0 10px 0;width:104px} .mini a{text-decoration:none;color:#000;font-size:0.9166em} .mini{border:0px} div.large {padding:12px 0;} div.large .champ-recherche{font-size:1.166em;color:#969696} div.large .champ-recherche input{width:20em;padding:0.5em} div.large span input{vertical-align:middle;margin-left: 10px;} /*_Volet RECHERCHE complete*/ /**/ .recherche-complete div.large{margin-top:-10px} .division {background-color:#F2F2F2;position:relative;height:2.5em;border-top:1px solid #F2F2F2} .division h2{font-weight:bold;position:absolute;top:0;left:0px;margin:0;padding:0.5em 0.8333em;font-size:1em;background-color:#fff;color:#777;border-top:4px solid #777} .resultat{position:absolute;top:0;right:0px;padding:0.5em 0.8333em;} .page-nav{padding:0.5em 0.8333em;} .page-nav img{vertical-align:middle} .page-nav a{color:#000;padding:0 0.1666em;text-decoration:none} .page-nav a:hover{text-decoration:underline} .page-nav a.actif{text-decoration:underline;color:#669900} .page-nav span.actif{text-decoration:underline;color:#669900} div.sugg-resultat{text-align:center;background-color:#F7FFD6;border-top:1px solid #B3DC10} div.sugg-resultat h2{border-top:4px solid #B3DC10} div.mno-resultat{text-align:center;border-top:1px solid #777777} .recheche-msg{font-style:italic} .recheche-msg a{font-weight:bold;text-decoration:none;color:#000} .recheche-msg a:hover{text-decoration:underline;} .resultats-recherche{list-style-position:inside;} .resultats-recherche li{margin:2.3333em 0;background-color:#eee;padding:10px} .titre{font-weight:bold;display:inline} .titre a{color:#000;text-decoration:none} .lien a{color:#669900;text-decoration:none} .description{} .meta{} /*resultat de recherche de film onf*/ ol.liste-de-film {list-style:none;} ol.liste-de-film div {margin-left:110px;font-size:0.9166em;color:#666666; } /*ol.liste-de-film li{clear:both;min-height:72px}*/ ol.liste-de-film li:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /*ol.liste-de-film li{zoom:1;}*/ .resultats-recherche .onf-nfb-vignette{float:left;margin:0;border:1px solid #000} .resultats-recherche .onf-nfb-film{font-weight:bold;font-style: normal;font-size:1.0909em;color:#000} .resultats-recherche a{color:#000; text-decoration:none} .resultats-recherche a:hover{color:#000; text-decoration:underline} .onf-nfb-realisateur{color:#000} .onf-nfb-producteur{color:#000} .onf-nfb-film-date{color:#000} .onf-nfb-duree{color:#000} /*list-style-image: url(../images/sous-menu-liste-bullet.gif);*/ /*_ENTETE DE COULEUR DE SECTION DE PAGE*/ /**/ .enteteCouleur h2{height:35px;position:relative;background-color:#383838;color:#fff;font-size:1.3em;text-transform:uppercase;font-weight:bold;margin:10px 0px 0px; } .enteteCouleur h2 span{height:35px; width:602px;position:absolute;left:0;z-index:1} .enteteCouleur h2 span{background:url(../images/h2-coul-onfaujourdhui_fr.gif) no-repeat} /*__ -> voir les css de section pour les definition specifique*/ /*COVER : visuel en haut de page d'accueil des section*/ .cover{height:208px;position:relative;background:url(../images/_cover-default.jpg) no-repeat} .proposition{position:absolute;top:10px;right:0px} /*CONTENU COMPLEMENTAIRE*/ /*CONTENU COMPLEMENTAIRE*/ /*_carrouselle -> voir includes/caroussel/caroussel.css*/ .cont-extras{} .cont-extras div{margin:10px 0;padding:0 0 1px 0;} .cont-extras h2{position:relative;height:46px;width:194px;margin:0 0 10px;font-size:0.5em;} .cont-extras h2 span{position:absolute;height:46px;width:194px;top:0;left:0;z-index:1} .cont-extras ul{margin:10px} .cont-extras li{line-height:24px} .cont-extras li a{text-decoration:none;color:#000} .cont-extras li a:hover{} .cont-extras li a em{font-style:normal} /*entete grafique de la colonne de droite*/ /*_une ligne (194 x 33)*/ .ex-voir-des-films{border-top:0px solid #940300; background-color:#FFF8EC;/*zoom:1*/} .ex-voir-des-films span.fr{background:url(../images/hd-voir-en-ligne-fr.gif)} .ex-voir-des-films span.en{background:url(../images/hd-voir-en-ligne-en.gif)} /* -> les autre entete sont difinit dans les css specifique a chaque section */ /*_deux ligne (194 x 49)*/ .ex-quoi-de-neuf h2, .ex-quoi-de-neuf h2 span, .ex-aujourdhui-a-lonf h2, .ex-aujourdhui-a-lonf h2 span{height:49px} .ex-aujourdhui-a-lonf #onfb-calendar { padding-left:10px; } .ex-aujourdhui-a-lonf{border-top:5px solid #909900; background:#FCFDF2; } .ex-aujourdhui-a-lonf span.fr{background:url(../images/hd-aujourdhui-a-lonf-fr.gif)} .ex-aujourdhui-a-lonf span.en{background:url(../images/hd-aujourdhui-a-lonf-en.gif)} /* -> les autre entete sont difinit dans les css specifique a chaque section */ /*extra : voir des films*/ .ex-voir-des-films{font-size:0.9166em;} .ex-voir-des-films ul{} .ex-voir-des-films li{height:33px;margin:10px 0;padding: 0;} .ex-voir-des-films li strong{line-height:1em} .ex-voir-des-films li img{vertical-align:middle;padding-right:10px} .ex-voir-des-films p{margin:10px} .ex-voir-des-films a{text-decoration:none;} .ex-voir-des-films li .fav-titre{margin-left:80px;margin-top:0px} .ex-voir-des-films li .fav-vignette{float:left;margin:0} /*Quoi de neuf sur onf.ca*/ .cont-extras .ex-quoi-de-neuf{padding:0 0 194px;background:url(../images/quoi-de-neuf-bkg.jpg) bottom left no-repeat} .ex-quoi-de-neuf span.fr{background:url(../images/hd-quoi-de-neuf-fr.gif)} .ex-quoi-de-neuf span.en{background:url(../images/hd-quoi-de-neuf-en.gif)} .ex-quoi-de-neuf h3{margin-bottom:0px;font-size:0.91666em} .ex-quoi-de-neuf p{margin-top:0px;font-size:0.91666em} .ex-quoi-de-neuf a{color:#990000;text-decoration:none} .ex-quoi-de-neuf h3 a{color:#000;text-decoration:none;} .ex-quoi-de-neuf a:hover{color:#990000;text-decoration:underline} /*banniere carre*/ .proposition{} /*info cineroboteque et mediatheque*/ .extra-horaire a{background:url(../images/ico-24-horaire.gif) no-repeat;padding:0.5em 0} .extra-horaire em{padding-left:30px} .extra-tarif a{background:url(../images/ico-24-tarif.gif) no-repeat;padding:0.5em 0} .extra-tarif em{padding-left:30px} .extra-lieu a{background:url(../images/ico-24-trajet.gif) no-repeat;padding:0.5em 0} .extra-lieu em{padding-left:30px} .extra-calendrier a{background:url(../images/ico-24-cal.gif) no-repeat;padding:0.5em 0} .extra-calendrier em{padding-left:30px} .extra-contact a{background:url(../images/ico-24-contact.gif) no-repeat;padding:0.5em 0} .extra-contact em{padding-left:30px} /*extra : aujourd hui a l onf*/ /* calendrier voir --> datePicker.css */ /*Secction pricipale de la page d onf-style-ie6.css */ min-height:275px; } #groupe_onglet .tabs-container li{margin:10px 0px;font-weight:bold} .hp-secc-collection p.intro{font-size:1.08em;margin-top:-15px} .hp-secc-collection ol{font-weight:bold;list-style-position:outside;margin-left:3em;} .hp-secc-collection ol li{margin-top:10px} .hp-secc-collection li a{color:#000000;text-decoration:none} .hp-secc-collection li a:hover{text-decoration:underline} /*SUGGESTION*/ .sugg {margin:10px 0;padding:0 0 1px;} .sugg img{display:block} .sugg a{text-decoration:none;color:#000;} .sugg h2 a:hover, .sugg h3 a:hover{color:#990000;border-bottom:1px solid #999} .sugg h2, .sugg h3, .sugg h4{font-weight:bold} .sugg h2 a:active,.sugg h3 a:active{outline: 0px solid red;border-bottom:1px solid #000} .sugg h2 a:focus,.sugg h3 a:focus{ outline: 0px solid black ;border-bottom:1px solid #999} .sugg ul{list-style-position:outside} .pubDate{display:block;color:#900;font-weight:bold} .sugg-bloc-a{padding-bottom:15px} .sugg-bloc-b{border-top:0px solid #C20909;} .sugg-bloc-c{border-top:5px solid #4E4E4E;} .sugg-bloc-a .sugg{margin:0px} .sugg-bloc-a .accroche{color:#666;font-weight:bold;margin:-1em 10px 1em;font-size:1.2em} .sugg-bloc-b .sugg h2, .sugg-bloc-b .sugg h3, .sugg-bloc-b .sugg h4{font-size:1.1666em} .sugg-bloc-c .sugg h2, .sugg-bloc-c .sugg h3, .sugg-bloc-c .sugg h4{font-size:1em;margin:0 10px 1em} .sugg-permanente h3{margin-bottom:0} .sugg-permanente p{margin-top:0} /*NOUVELLES*/ .news{padding-bottom:1em;} .news .pubDate{margin:0.5em 10px 0} .news h4{margin:0px 10px} .news h4 a{color:#000;text-decoration:none} .news-bloc-a{background :url(../images/9col-edge-gray.gif) top left no-repeat;} .news-bloc-a h3{padding-top:1em;margin-bottom:0} .news-bloc-a .onfb-g333{border-bottom:1px solid #999} /*Evenements*/ .ev-detail, .evenement-detail{color:#900;margin:0.5em 10px -1em;font-weight:bold} .ev-date, .ev-heure, .ev-lieu, .ev-titre {font-weight:bold;margin-left:10px;margin-right:10px;line-height:1.5em} .ev-date{color:#900;} .ev-heure{color:#900;} .ev-date-heure{color:#900} .ev-lieu{color:#000;font-size:0.9166em} .ev-address{} .ev-titre{color:#000;} .ev-chaine-ico img{display:inline} .liste-de-film .ev-titre{font-size:1.199em} .festivals .ev-titre{font-size:1.199em} /*_outils suggestion*/ .sugg-tool{} .sugg-tool{margin:1em 10px} .sugg-bloc-a .sugg-tool li{display:inline;padding-right:16px} .sugg-tool a, .ev-tool a{padding-left:16px;color:#990000;font-size:11px;} .sugg-tool li a:hover{color:#990000;text-decoration:underline;} .sugg-tool li a:focus{outline: 0px solid black ;text-decoration:underline} .sugg-tool li a:active{outline: 0px solid red;text-decoration:underline} .btn-download{background:url(../images/ico-dwnl.gif) no-repeat left center} .btn-detail{background:url(../images/ico-detail.gif) no-repeat left center} .btn-video{background:url(../images/ico-video.gif) no-repeat left center} .btn-boutique{background:url(../images/ico-cart.gif) no-repeat left center} .btn-horaire{background:url(../images/ico-time.gif) no-repeat left center} .btn-liste{background:url(../images/ico-fleche-suite.gif) no-repeat left center} .btn-site{background:url(../images/web-link.gif) no-repeat left center} /*Banniere et promo*/ /*_ .promo = banniere principale d