/************************************************************************************************************************************************** Feuille de style principale - SHOWBIZZ.net Date créée: 5 avril 2010 Date modifiée: 15 avril 2010 @author: Debbie Rouleau @version 1.0 @copyright Branchez-vous.com **************************************************************************************************************************************************/ /********************************************************************************************************************************** BALISES HTML */ * { margin: 0;} /* hide from ie on mac \*/ html {height: 100%; width: 100%;} /* end hide */ body {font-size:75%; color:#29292a; font-family:Arial, Helvetica, sans-serif; background-color:#4a4b4c;} a { color:#e60e27; text-decoration:none; outline-style:none;} a:hover { /*color:#00236e;*/ /*text-decoration:underline;*/} #colonne_droite ul li:hover,#colonne_centrale ul li:hover, #col_2_largeurs ul li:hover, #colonne_droite ol li:hover,#colonne_centrale ol li:hover, #col_2_largeurs ol li:hover {background-color:#e8e8e8;} h1 {font-size:2.083em;} /*24 px*/ h2 {font-size:1.67em;} /*20 px*/ h3 {font-size:1.25em;} /*15 px*/ h4 {font-size:1em;} /*12 px*/ h5 {font-size:1.083em;} /*13 px*/ h6 {font-size:1.167em;} /*14 px*/ /*10px = 0.83em*/ /*11px = 0.9167em*/ /*11.3px = 0.94167em*/ /*11.5px = 0.9583em*/ /*16px = 1.33em*/ /*18px = 1.5em*/ /*24px = 2em*/ /*30px = 2.5em*/ strong {font-weight:bold;} em {font-style:italic;} strong em {font-weight:bold; font-style:italic;} blockquote {font-weight:normal; margin:5px 10px;} #cote_centre #centre_bas h2 {padding-top:1px !important;} /********************************************************************************************************************************** STYLES pour Divs */ #bg { position:absolute; z-index:0; height: 100%; width: auto; left:0; margin:0 auto; } /*remettre le width à 100% si on a un bg en .swf*/ #wrapper {width:100%; height:100%; margin:0 auto; z-index:1; text-align:center; background:#4a4b4c url('../../img/bg_body_showbizz.jpg') repeat-x top left;} #entete_showbizz {margin:0 auto; height:179px; width:980px;} #contenant {background: transparent url('../../img/bg_contenant_showbizz.png') repeat-x bottom left;} #bg_contenu {margin:0 auto; text-align:center; background: transparent url('../../img/bg_inner_contenu.png') repeat-y top center;} #contenu {margin:0 auto; width:980px; background:#fff; min-height:1200px;} /********************************************************************************************************************************** STYLE pour menu de section */ #menu_section {height:38px; width:100%; float:left; display:block;} #menu_section div.signature {float:right; color:#FFF; text-align:left; font-size:0.9167em;} #menu_section div.signature a {color:#fff;} #menu_section ul {float:left;} #menu_section ul li {float:left; display:inline; margin:0 1px 0 0; padding:10px 10px 0 10px; text-align:center; background:#1e1e1e url('../../img/bg_menu_section_gris.jpg') repeat-x top left; height:28px; color:#dcdcdc;} #menu_section ul li.noir {background-image:url('../../img/bg_menu_section_noir.jpg'); color:#fff;} #menu_section ul li:hover {background-image:url('../../img/bg_menu_section_bleu.jpg');} #menu_section ul li#accueil:hover, #menu_section ul li#accueil.selected {background-image:url('../../img/bg_menu_section_bleu.jpg');} #menu_section ul li#quebec:hover, #menu_section ul li#video:hover, #menu_section ul li#concours:hover, #menu_section ul li#extra:hover, #menu_section ul li#photos:hover {background-image:url('../../img/bg_menu_section_violet.jpg'); color:#fff;} #menu_section ul li#communaute:hover {background-image:url('../../img/bg_menu_section_orange.jpg'); color:#fff;} #menu_section ul li.selected {background-image:url('../../img/bg_menu_section_bleu.jpg'); color:#fff;} #menu_section ul li#quebec.selected, #menu_section ul li#video.selected, #menu_section ul li#concours.selected, #menu_section ul li#extra.selected, #menu_section ul li#photos.selected {background-image:url('../../img/bg_menu_section_violet.jpg'); color:#fff;} #menu_section ul li#communaute.selected {background-image:url('../../img/bg_menu_section_orange.jpg'); color:#fff;} #menu_section ul li:first-child {margin-left:0;} #menu_section ul li a {font-size:1.25em; color:#fff; text-transform:uppercase; line-height:1.5em; color:#dcdcdc; text-shadow:#444 1px -1px 0;} #menu_section ul li#accueil a, #menu_section ul li#quebec a, #menu_section ul li#video a, #menu_section ul li#photos a, #menu_section ul li#concours a, #menu_section ul li#extra a, #menu_section ul li#extra a {font-size:1.20em; line-height:1.5em;} #menu_section ul li.noir a, #menu_section ul li.selected a {color:#fff;} #sousmenu {height:35px; width:100%; background-color:#fff; margin-bottom:10px;} #sousmenu.accueil, .sousmenubleufonce {background-color:/*#093252 */ /*#172c44;*/ #053356;} #sousmenu.cine, #sousmenu.tele, #sousmenu.musique, #sousmenu.stars, #sousmenu.humour, .sousmenubleu {background-color:#053356 !important;} #sousmenu.quebec, #sousmenu.video, #sousmenu.concours, #sousmenu.extra, #sousmenu.photos, .sousmenuviolet {background-color:#351c43 !important;} #sousmenu.communaute, .sousmenuorange {background-color:#cc3D2F;} #sousmenu ul {height:15px; padding:10px 19px;display:none;} #sousmenu ul li {float:left; padding-right:25px; color:#79c5f1; background: transparent url('../../img/bg_sousmenu_li.jpg') no-repeat top right;} #sousmenu ul li:last-child, #sousmenu.accueil ul li {background-image:none !important;} #sousmenu ul li.liens_rss {float:right; background-image:none;} #sousmenu ul li.liens_rss a img {margin-right:3px;} #sousmenu ul li a {color:#79c5f1;} ul#sousmenu_quebec li, ul#sousmenu_video li, ul#sousmenu_concours li, ul#sousmenu_extra li, ul#sousmenu_photos li {color:#c45ef1;background: transparent url('../../img/bg_sousmenu_li_violet.jpg') no-repeat top right;} ul#sousmenu_communaute li {color:#c45ef1;background: transparent url('../../img/bg_sousmenu_li_orange.jpg') no-repeat top right;} ul#sousmenu_quebec li a, ul#sousmenu_video li a, ul#sousmenu_concours li a, ul#sousmenu_extra li a, ul#sousmenu_photos li a {color:#c45ef1;} ul#sousmenu_communaute li a {color:#F09455;} #sousmenu ul li.selected, #sousmenu ul li.selected a,#sousmenu ul li a.selected {color:#ffffff;} /********************************************************************************************************************************** STYLE pour contenu de la colonne centrale (quand on a une page en version 3 colonnes) */ #colonne_gauche {float:left; width:160px; margin-left:10px; text-align:left; background-color:#FFF;} #colonne_outils { display:block;float:right; width:160px; margin:0 0 15px 10px; text-align:left;} #colonne_outils dl { display:block; margin-bottom:12px; padding:0 6px 4px 6px; width:148px; background-color: #ededed;} #colonne_outils dt.titre { color:#d40011; display:block; font-weight:bold; line-height:25px; height:25px; padding: 0 7px 8px 7px;background: url('../../img/sidebar_outils_line.gif') repeat-x 0px 24px;} #colonne_outils dd { color:#333333; display:block; line-height:18px; height:18px; padding: 0 7px 8px 27px;background: url('../../img/sidebar_outils_icons.gif') no-repeat 0px 0px;} #colonne_outils dd a { color:#333333; } #colonne_outils dd a:hover { color:#d40011; text-decoration:underline; } #colonne_outils dd.commentaires { background: url('../../img/sidebar_outils_icons.gif') no-repeat 6px 3px;} #colonne_outils dd.envoyerAmi { background: url('../../img/sidebar_outils_icons.gif') no-repeat 6px -22px;} #colonne_outils dd.imprimer { background: url('../../img/sidebar_outils_icons.gif') no-repeat 6px -49px;} #colonne_outils dl#articlesRelies dd {line-height: 13px; height: auto; padding: 0 7px 8px 8px; background: url('../../img/sidebar_outils_bullet.gif') no-repeat 0px 6px; } #colonne_centrale {float:left; margin-left:16px; text-align:left;} #colonne_centrale .post, #colonne_centrale .entrevue {width:638px;} #colonne_centrale .page {width:468px;} #colonne_centrale h1 {color:#e60e27; margin:15px 0 10px 0;} #colonne_gauche_large h3, #colonne_centrale h3, #colonne_droite h3, #zone_dernieres_nouvelles h3 {color:#29292a; border-bottom:1px solid #353638; margin:15px 0 0 0; line-height:30px; padding-left:10px;} #colonne_droite h3 {margin-top:10px;} #colonne_gauche_large h3 a, #colonne_centrale h3 a, #colonne_droite h3 a, #zone_dernieres_nouvelles h3 a {color:#29292a;} #colonne_centrale h3.entete {padding-left:0; padding-bottom:10px; line-height:1em; width:100%;} #colonne_centrale h3.entete a {color:#29292a;} #colonne_centrale h3.entete span {font-size:0.8em; float:right; font-weight:normal;} /* Nouveau bloc Social Media */ #colonne_centrale .social_bar {background: transparent url('../../img/pointille-top-bottom.gif') repeat-x top left;display:block; height:32px; margin:8px 0; width:638px; } #colonne_centrale .social_bar ul {display:block; float:left; width:100%; height:30px; list-style-type:none;} #colonne_centrale .social_bar li {display: inline-block; float:left; height:30px;} #colonne_centrale .social_bar li.facebook {margin:5px 0 0 0; text-align:center; width:136px;} #colonne_centrale .social_bar li.twitter {margin:-16px 0 0 0; text-align:center; width:135px;} #colonne_centrale .social_bar li.plusOne {margin: 5px 0 0 33px; text-align:center; width:80px;} #colonne_centrale .social_bar li.stumbleUpon {margin: 6px 0 0 0 ; text-align:center;width:120px;} #colonne_centrale .social_bar li.addThis {margin: 7px 0 0 0; text-align:center;width:125px;} #colonne_centrale .social_bar li:hover { background:none;} #colonne_gauche_large h2, /* #colonne_centrale h2, */ #colonne_droite h2 {color:#e60e27; font-size:2.5em; margin:10px 0 0 0; line-height:30px; padding-left:10px; font-weight:100 !important; text-transform:uppercase;} #colonne_droite .suivezSB { color: #E60E27; cursor: pointer;display:block;font-size: 13px;font-weight: bold;line-height:23px;margin-bottom:10px;padding:4px 0 0 0; text-decoration: none;width:300px;border-top: 6px solid #353638;border-bottom: 1px solid #353638;} #colonne_gauche_large h4, #colonne_centrale h4, #colonne_droite h4 {color:#e60e27; font-size:1.5em; border-bottom:1px solid #353638; margin:10px 0 0 0; line-height:30px; padding-left:10px; font-weight:normal; text-transform:uppercase;} #premiere_image {clear:left; float:left; width:158px; margin-right:24px; margin-bottom:8px;} #premiere_image img.imageContainer {width:150px; border:4px solid #e8e8e8; float:left; overflow:hidden;} /*#premiere_image .imageContainer img {width:266px; height:200px; cursor:move; position:absolute; top:0; left:-81px; 91px; }*/ #premiere_image span {display:block;clear:both; color:#909e9f; padding:4px; font-size:0.9167em; border-bottom:1px solid #e8e8e8; } #colonne_centrale .entry p {font-size:1.167em; color:#29292a; line-height:1.286em; margin-bottom:18px; /*clear:left;*/ } #colonne_centrale .entry p:first-child {clear:right; float:left; font-size:1.4583em; color:#101010; line-height:1.143em; margin-bottom:18px; width:100%; overflow:hidden; } #colonne_centrale .surTitre { border-bottom:1px solid #353638; font-size:1.167em; color:#29292a; line-height:1.286em; margin:0; padding:0 0 10px 0; text-transform:none; font-weight:normal;} #colonne_centrale h2.critique, #colonne_centrale h1.critique {float:left; color:#e60e27; font-size:2.083em; margin:15px 0 10px 0; display:block; width:315px} #colonne_centrale #titreWrap {clear:both; width:100%; display:inline-block;} #colonne_centrale #etoilesWrapBox {width:158px; float:left; clear:both; font-size:0.75em} #colonne_centrale #etoiles {float:right; width:133px; padding:15px 0 3px 0;} #colonne_centrale #etoilesEdito {padding:0;} #colonne_centrale .entry_critique p {font-size:1.167em; color:#29292a; line-height:1.286em; margin-bottom:18px;} #colonne_centrale .entry_critique p:first-child {clear:none; font-size:1.4583em; color:#101010; line-height:1.143em; margin-bottom:18px; width:286px; overflow:hidden;} #colonne_centrale .entry_critique.firstParaFull p:first-child {clear:none; font-size:1.4583em; color:#101010; line-height:1.143em; margin-bottom:18px; width:468px; overflow:hidden;} #premiere_image_critique {clear:none; float:right; width:133px; margin:0 0 8px 24px;} #premiere_image_critique .imageContainer {width:133px; height:198px; margin:0; padding: 0 0 10px 0; overflow:hidden;} #premiere_image_critique .imageContainer img {width:135px; height:200px; margin-left:-1px;} #premiere_image_critique #liensLeCinema {background-color:#CCC; margin:0; padding:4px 0 0 0; clear:both; text-align:center;} #premiere_image_critique #liensLeCinema span {color:#e60e27; font-weight:bold; text-align:center;} #premiere_image_critique #liensLeCinema ul li {background:url('../../img/bullet_rouge.png') 8px 5px no-repeat; font-size:0.9em; line-height:1.8em; padding:0 0 2px 20px; text-align:left;} #premiere_image_critique #liensLeCinema ul li a {color:#29292A;} #premiere_image_critique #liensLeCinema ul li.horaire {background: #353638 url('../../img/bullet_rouge.png') 8px 6px no-repeat; color:#FFFFFF; font-size:1em; font-weight:bold; line-height:1.2em; padding:4px 0 4px 20px;} #premiere_image_critique #liensLeCinema ul li.horaire a {color:#FFFFFF;} #premiere_image_critique #etoilesLecteurs {font-size:0.9em; float:left;padding:10px 0 0 0;} #premiere_image_critique #etoilesLecteurs div {padding:0 0 10px 0;} #colonne_centrale .entry h3, #colonne_centrale .entry_critique h3 {color:#e60e27; font-size:1.6em; border-bottom:none; margin:10px 0 0 0; line-height:30px; padding-left:0; font-weight:normal; text-transform:uppercase;} #colonne_droite {float:right; width:300px; margin-right:10px; text-align:left; background-color:#FFF;} /********************************************************************************************************************************** STYLE pour La UNE */ #la_une {float:left; width:654px; height:300px; text-align:left; margin:0 0 10px 0; position:relative;} #la_une #nouvelle_en_une {width:380px; height:300px; float:left; position:relative;} #la_une #nouvelle_en_une #photo {position:absolute; left:0; top:0; background-color:#666666; width:400px; height:300px; overflow:visible;} #la_une #nouvelle_en_une #photo a {margin:0; padding:0;} #la_une #nouvelle_en_une #contenu_photo {position:absolute; z-index:20; width:400px; height:100px; top:200px; left:0; background:transparent url('../../img/bg_contenu_photo.png') no-repeat;} #la_une.accueil #nouvelle_en_une #contenu_photo { width:408px; left:-8px; background:transparent url('../../img/bg_contenu_photo2.png') no-repeat;} #la_une.accueil #nouvelle_en_une #contenu_photo .section {position:absolute; /*top:38px; left:-10px; rotation: -90deg !important; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(270deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';*/ color:#FFFFFF; font-size:1.25em;} .typo_rotation {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} #la_une #nouvelle_en_une #contenu_photo a {display:block; margin:4px 10px 0 20px; font-size:1.9em; color:#efefef; font-weight:200; line-height:1; text-transform:uppercase;} #la_une.accueil #nouvelle_en_une #contenu_photo a {margin-left:43px;} #la_une #nouvelle_en_une #contenu_photo a:hover { text-decoration:none; } #la_une ul#liste_nouvelles {width:273px; height:300px; float:right; position:absolute; top:0; right:0; margin-left:20px; z-index:50;} #la_une ul#liste_nouvelles li {width:233px; height:75px; padding:0 10px 0 30px; background:transparent url('../../img/bg_la-une_liste_li4.png') no-repeat top left; color:#29292a; font-size:1.083em;} #la_une ul#liste_nouvelles li:hover, #la_une ul#liste_nouvelles li.active {background:transparent url('../../img/bg_la-une_liste_li_etoile.png') no-repeat top left;} #la_une ul#liste_nouvelles li a { display:block; width:100%; height:auto; padding-top:15px; color:#29292a; font-size:1.083em;} /********************************************************************************************************************************** STYLE pour contenu à  2 colonnes */ #colonne_gauche_large {float:left; width:654px;; text-align:left;} #col_2_largeurs {float:left; width:638px; margin-left:16px; text-align:left;} #col_2_largeurs ul.liste_normale {margin-top:10px;} #col_2_largeurs ul.liste_normale li {width:100%; border-bottom:1px solid #e8e8e8;padding:10px 0;} #col_2_largeurs ul.liste_normale li a {color:#29292a; text-decoration:none; display:block;} #col_2_largeurs ul.liste_normale li a img {float:left; width:107px; /* min-height:53px; */ margin-right:10px;} #col_2_largeurs ul.liste_normale li a div {float:right; width:516px; display:block;} #col_2_largeurs ul.liste_normale li a div p.date {float:right; width:60px; font-size:0.8123em; color:#9e9e9f; padding:0 5px 5px 5px;} #col_2_largeurs ul.liste_normale li a div p.etoiles {float:right; width:133px; padding:0 0 3px 0;} #col_2_largeurs ul.liste_normale li a div p.surTitre {margin-bottom:10px;} #col_2_largeurs ul.liste_normale li a div p.titre {font-size:1.4em;} #col_2_largeurs ul.liste_normale li a div span.soustitre { color:#575757;} #col_2_largeurs ul.liste_normale li span.postmetadata {display:block; float:right; margin-right:5px;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} #col_2_largeurs ul.liste_normale li span.postmetadata:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} #col_2_largeurs ul.liste_normale li span.postmetadata a {color:#e60e27;} /********************************************************************************************************************************** STYLE pour Div de publicité */ #leaderboard1 {min-height:90px;} #sky1 {margin-bottom:10px; border-top:1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; min-height:600px;} #bouton1 {margin-bottom:10px;} #bandeau_468 {min-height:60px;} #bigbox1 {margin-bottom:10px; border-top:1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; min-height:250px;} #bigbox2 {margin-bottom:10px; border-top:1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;} #leaderboard2 {padding:10px 0; text-align:center;} /********************************************************************************************************************************** STYLE pour zone sociale */ #zone_sociale {clear:left; width:100%; border-top:1px solid #e1e1e2; position:relative; z-index:50; height:68px; margin-bottom:10px; padding:3px 0 5px 0; background: transparent url('../../img/bg_zone_sociale.jpg') no-repeat bottom center;} #zone_sociale a {display:block; float:left; width:25%; height:32px; text-align:center; cursor:pointer; margin-top:5px;} #zone_sociale a#commentez {background:url('../../img/bg_commentez.png') no-repeat top right; padding-top:32px;} #zone_sociale a span {font-size:0.83em; line-height:1em;} #zone_sociale a#like_facebook {/*width:75px; */background:url('../../img/bg_facebooklike_off.png') no-repeat top right; padding-top:17px; padding-bottom:5px;} #zone_sociale a#partagez {background:url('../../img/bg_partagez.png') no-repeat top right; padding-top:32px;} #zone_sociale a#partagez_facebook {background:url('../../img/bg_facebook_off.png') no-repeat top right; padding-top:32px;} #zone_sociale a#partagez_twitter {background:url('../../img/bg_twitter_off.png') no-repeat top right; padding-top:32px;} #zone_sociale a#partagez_facebook:hover {background-image:url('../../img/bg_facebook_on.png');} #zone_sociale a#partagez_twitter:hover {background-image:url('../../img/bg_twitter_on.png');} #zone_sociale a#envoyez {background:url('../../img/bg_partagez.png') no-repeat top right; padding-top:32px;} #zone_sociale a#imprimez {background:url('../../img/bg_imprimez.png') no-repeat top right; padding-top:32px;} #zone_sociale a#twitter {margin: 10px 0 0 0; padding-top:4px !important; display:block; float:right;} .twitter-share-button { top:21px; left:5px; position:relative; } .afficher_bitly {} /********************************************************************************************************************************** Lien Partagez un article */ #listeLiens {background-color:#ffffff; border:2px solid #e8e8e8; padding:5px; position:absolute; left:240px; top:40px; width:240px; z-index:100; display:none;} #listeLiens a {display:inline-block; height:20px;} #listeLiens span {padding:0.1em 0 0 24px; width:80px; text-align:left; float:left; border-bottom:0px dashed #dadbdc; background:#ffffff url('http://www.branchez-vous.com/images/mt/partager_icones_2010.png') no-repeat 4px 40px;} #listeLiens span.left {clear:left;} #listeLiens span.last {border-bottom-width:0px; } /********************************************************************************************************************************** STYLE pour zone Dernières nouvelles dans articles, et bloc de listes (Stars, Télé, ...) dans colonne de droite */ #zone_dernieres_nouvelles {border-top:6px solid #353638; border-bottom:1px solid #353638; margin-bottom:5px;} #related_posts {border-top:1px solid #353638; /*border-bottom:1px solid #353638; */margin-bottom:5px;} #col_2_largeurs #zone_dernieres_nouvelles {border-top:none; border-bottom:none; margin-bottom:5px; clear:both; background: transparent url('../../img/bg_cine_horaire_638px.jpg') top left no-repeat; padding:0px 5px 0px 5px;} #col_2_largeurs #zone_dernieres_nouvelles {border-bottom:none;} #onglets_dernieres_nouvelles {height:41px; background-color:#ebebeb; border-bottom:1px solid #e1e1e2;} #onglets_dernieres_nouvelles li {padding:11px 18px; color:#e60e27; float:left; display:block;margin-top:4px; height:15px; cursor:pointer; font-weight:bold; font-size: 0.9853em;} #onglets_dernieres_nouvelles li.on {background-color:#FFF; border-top:1px solid #b6b6b7;border-left:1px solid #e1e1e2;border-right:1px solid #b6b6b7; color:#29292a;} #zone_dernieres_nouvelles ul#liste_populaire {margin:5px 0;} #zone_dernieres_nouvelles ul#liste_populaire li {float:left; width:150px; margin:0 2px 5px 2px; /*padding-bottom:5px;*/} #col_2_largeurs #zone_dernieres_nouvelles ul#liste_populaire li {float:left; width:150px; min-height:160px; height:auto !important; margin:0 4px 5px 5px; padding-bottom:5px;} #zone_dernieres_nouvelles ul#liste_populaire li:hover {background-color:#e8e8e8;} #zone_dernieres_nouvelles ul#liste_populaire li img {filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} #zone_dernieres_nouvelles ul#liste_populaire li img:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;} #zone_dernieres_nouvelles ul#liste_populaire li a {display:block; margin:0 2px; color:#29292a;} #zone_dernieres_nouvelles ul#liste_nouveau {margin:5px 0; float:left;} #related_posts ul {margin:5px 0;} #col_2_largeurs #zone_dernieres_nouvelles ul#liste_nouveau { min-height:80px; padding:5px 0 0 0; margin-bottom:0px; background: transparent url('../../img/bg_ul_boxGauche.gif') repeat-y 238px 0px;} #zone_dernieres_nouvelles ul#liste_nouveau li, #related_posts ul li { min-height:30px; padding:5px; /*filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;*/ line-height:1.25em;border-bottom:1px solid #e1e1e2;} #col_2_largeurs div ul#liste_nouveau li {float:left; width:300px; display:block; min-height:35px; padding:5px; /*margin-right:5px;*/ line-height:1.25em; border-bottom:1px solid #e1e1e2;} #zone_dernieres_nouvelles ul#liste_nouveau li:hover, #related_posts ul li:hover { /*filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;*/ background-color:#e8e8e8;} #colonne_centrale #zone_dernieres_nouvelles ul#liste_nouveau li.dernier, #colonne_centrale #zone_dernieres_nouvelles ul#liste_nouveau li:last-child, #related_posts ul li:last-child {border-bottom:0;} #col_2_largeurs div ul#liste_nouveau li.right {float:right;} #zone_dernieres_nouvelles ul#liste_nouveau li a, #related_posts ul li a {color:#29292a; font-size:1.083em;} ul#liste_nouveau li span.date, #related_posts ul li span.date {float:right; font-size:0.8123em; color:#9e9e9f;} /********************************************************************************************************************************** STYLE pour zone Commentaires*/ #zone_commentaires {margin:20px 0 10px 0; padding:0; width:638px; text-align:left;} #zone_commentaires h3.entete {font-size:1.25em; font-weight:bold; margin-left:10px;} #zone_commentaires h4 {padding-top:12px;} #zone_commentaires h3 span.nbr_commentaires {display:inline; float:right; font-size:0.73em; font-weight:normal;margin-right:10px;} #zone_commentaires ul#liste_commentaires, #zone_commentaires ul.liste_commentaires {width:100%; list-style:none;} #zone_commentaires ul#liste_commentaires li,#zone_commentaires ul.liste_commentaires li {position:relative;background-color:#f2f2f2; border-bottom:1px solid #fff; padding:20px 0 10px 0;} .avatar{float:left; margin-top:-40px; padding: 0 10px 10px 10px; border:none; text-decoration:none;} .avatar a, .avatar a img {border:none; text-decoration:none;} #zone_commentaires ul#liste_commentaires li span a, #zone_commentaires ul.liste_commentaires li span a {} #zone_commentaires ul#liste_commentaires li span.infos_usager, #zone_commentaires ul.liste_commentaires li span.infos_usager {float:left; padding: 0 0 5px 20px; font-size:0.94167em;} #zone_commentaires ul.liste_commentaires li span.infos_usager {padding-left:5px;} #zone_commentaires ul#liste_commentaires li span.infos_usager span.nom_usager, #zone_commentaires ul.liste_commentaires li span.infos_usager span.nom_usager {color:#e60e27; font-size:1.2389em;} #zone_commentaires ul.liste_commentaires li span.infos_usager span.nom_usager a {} #zone_commentaires ul#liste_commentaires li span.signalement_commentaire, #zone_commentaires ul.liste_commentaires li span.signalement_commentaire {color:#e60e27; float:right; padding: 0 20px 5px 0; font-size:0.94167em;} #zone_commentaires ul#liste_commentaires li span.signalement_commentaire a {color:#e60e27;} #zone_commentaires ul#liste_commentaires li p, #zone_commentaires ul.liste_commentaires li p {font-size:12px; padding:0 20px 5px 20px;} #zone_commentaires fieldset {border:none; background-color:#f2f2f2;padding:20px 20px 10px 20px; color:#262728; margin-top:1px; border-top:none;} #zone_commentaires h3 {font-size:1.25em; color:#262728; margin-left:0; padding-left:0; border:none;font-weight:normal;} #zone_commentaires form fieldset {} #zone_commentaires form fieldset div, #zone_commentaires form fieldset div div {float:left; margin:5px 15px 5px 0;} #zone_commentaires form fieldset div label, #zone_commentaires form fieldset label, #zone_commentaires form fieldset div div label {display:block; font-weight:bold;} #zone_commentaires form fieldset div label span, #zone_commentaires form fieldset label span , #zone_commentaires form fieldset div div label span{font-size:0.94167em; font-weight:normal;} #zone_commentaires form fieldset div input.text, #zone_commentaires form fieldset div div input.text {width:173px; border:1px solid #c4c4c4;} #zone_commentaires form fieldset div input.courriel, #zone_commentaires form fieldset div div input.courriel {width:213px; border:1px solid #c4c4c4;} #zone_commentaires form fieldset textarea, #zone_commentaires form fieldset div textarea {width:570px; height:93px; border:1px solid #c4c4c4;} #zone_commentaires form fieldset p.conditions , #zone_commentaires form fieldset a.conditions{font-size:0.94167em; color:#262728;} #zone_commentaires form fieldset div input.text:hover, #zone_commentaires form fieldset div div input.text:hover, #zone_commentaires form fieldset div input.courriel:hover, #zone_commentaires form fieldset div div input.courriel:hover, #zone_commentaires form fieldset textarea:hover, #zone_commentaires form fieldset div textarea:hover {border: 1px solid #e60e27; background-color:#FFF;} #zone_commentaires ul#liste_commentaires li .headers { margin-left:48px; padding-bottom:20px; } #zone_commentaires ul#liste_commentaires .edit { font-size:80%; position:absolute; right:4px; bottom:4px; display:none; } #zone_commentaires ul#liste_commentaires li:hover .edit { display:inline-block; } #zone_commentaires ul#liste_commentaires .signalement_commentaire { display:none; } #zone_commentaires ul#liste_commentaires li:hover .signalement_commentaire { display:inline-block; } #zone_commentaires ul#liste_commentaires li p.attente { font-size:130%; color:#990000; text-align:center; font-style:italic; } /* bouton FB Connect */ div#fbConnect.articles { position:relative; top:-40px; left:20px; } /********************************************************************************************************************************** STYLE pour BUZZ */ #buzz a {color:#29292a; text-decoration:none; outline-style:none; } #buzz a:hover {color:#e60e27; } #buzz .tiers1, #buzz .tiers2 { width:33%; float:left; margin:0;} #buzz .moitie.left { width:310px; float:left;} #buzz .moitie.right { width:320px;float:right; border-left:1px solid #E1E1E2; margin:0;} #buzz .tiers1.left { border-right:1px solid #cccccc; width:33%; float:left;} #buzz h2 { font-size:2.5em;} #buzz div.buzzTitre, #zone_commentaires div.buzzTitre { background: transparent url('../../img/buzz_title_bg.png') 0px 1px repeat-x; padding:0; margin:18px 0 0 0; height:15px; } #buzz h3, #zone_commentaires h3 { background-color:#FFFFFF; border-bottom: none; display:inline; font-size:1.6em; font-weight:bold; line-height:15px; margin:0; padding:0 10px 0 0; } #buzz h3 span.buzzTitreSlim, #zone_commentaires h3 span.buzzTitreSlim { font-weight:normal; font-size:0.95em; vertical-align: top;} #buzz h5, #zone_commentaires h5 { background: transparent url('../../img/buzz_puce_section.png') 0px 4px no-repeat; border-bottom:none; line-height:1.2em; margin:8px 0 0 5px; padding:10px 0 10px 35px;} #zone_commentaires fieldset h5 { margin:-15px 0 5px -5px; } #zone_commentaires h5.buzzComment { background:none; margin:8px 0 0 5px; padding-left:15px;} #buzz ul, #buzz ol { padding:5px 0 0 5px;} #buzz ol.articles-comments li {list-style:decimal;list-style-position:inside; margin:0;padding: 3px 5px;} #buzz ul.activity li, #buzz ul.commentaires li, ul#twitter_update_list li {padding: 3px 5px; color:#6c6c6e;} #buzz ul.activity li { background: transparent url('../../img/buzz_puce_avatar.png') 3px 5px no-repeat; padding-left:20px; } #buzz ul.commentaires li { background: transparent url('../../img/buzz_puce_comment.png') 4px 7px no-repeat; padding-left:20px; } .buzzSidebar ul.critiques {float:left; top center repeat-y; width:100%;} .buzzSidebar ul.critiques li, .buzzInterieur ul.critiques li {float:left; min-height:30px; padding:5px; line-height:1.25em;border-bottom:1px solid #e1e1e2;} .buzzSidebar ul.critiques li {width:285px;} .buzzInterieur ul.critiques li {width:213px;} .buzzInterieur ul.critiques {float:left; background: transparent url('../../img/bg_ul_boxGauche.gif') 162px 0px repeat-y; width:462px;} .buzzInterieur .buzzSection, .buzzSidebar .buzzSection {color:#e60e27; font-size:1.2em; font-weight:normal;} .buzzAccueil ul.critiques {float:left; background: none; width:100%;} .buzzAccueil ul.critiques li {float:left; width:200px; min-height:30px; padding:5px; margin-right:5px; line-height:1.25em;border-bottom:1px solid #e1e1e2;} #buzz ul.critiques li img {margin-right: 8px;} #buzz ul.critiques li.right {float:right;} .buzzInterieur {margin-top: 25px;} #buzz #zone_dernieres_nouvelles {border-bottom:none; border-top:none; float:left;} #buzz #zone_dernieres_nouvelles ul#liste_populaire {border-top:none;margin:5px 0;} #buzz #zone_dernieres_nouvelles ul#liste_populaire span, #buzz ol.articles-comments li span {color: #ed1b24; border:1px solid #e1e1e1; font-size:0.9em; margin-left:3px; padding: 0 3px; } /********************************************************************************************************************************** STYLE pour boîtes Critiques, Sorties, BoxOffice, etc */ .boxWrapper { padding:0 0 10px 0; margin:0; clear:both; } #colonne_droite .boxWrapper { padding:0;} .boxGaucheBulle {clear:both; background: transparent url('../../img/bg_cine_horaire_638px.jpg') top left no-repeat; padding:0px 5px 0px 5px;} .boxGaucheBulle ul {background: transparent url('../../img/bg_ul_boxGauche.gif') top center repeat-y; clear:both; height:auto; padding:0;} .boxGaucheBulle ul.liste_nouveau a { color:#29292a; text-decoration:none; outline-style:none; } .boxGaucheBulle ul.liste_nouveau li { float:left; width:299px; display:block; min-height:35px; padding:5px;margin-right:5px; line-height:1.25em; border-bottom:1px solid #e1e1e2;} .boxGaucheBulle ul.entrevueLarge { float:left; background: transparent url('../../img/bg_ul_boxGauche.gif') top center repeat-y; margin:5px 0;} .boxGaucheBulle ul.entrevueLarge li { float:left; width:299px; min-height:30px; padding:5px; line-height:1.25em;border-bottom:1px solid #e1e1e2;} .boxGaucheBulle ul.entrevueLarge li.right { float:right; } .boxGaucheBulle ul#suggestions {min-height:60px; background: transparent url('../../img/bg_ul_boxGauche.gif') top center repeat-y;} .boxDroiteBulle { min-height:80px; background: transparent url('../../img/bg_cine_horaire_300px.jpg') top left no-repeat; padding:0 5px 0 5px;} #boite_ephemerides {background-image:none; padding:0;} .boxGaucheBulleDemi { width:305px; margin:0 4px 0 0; background: transparent url('../../img/bg_cine_horaire_315px.jpg') top left no-repeat; padding:0 5px 0 5px; float:left;} .boxGaucheBulleDemi #containerCineHoraire {margin-top:20px;} #colonne_gauche_large .boxGaucheBulleDemi h3 { margin:0 0 0 0;} .boxGaucheBulleDemi ul {margin-bottom:5px; padding-top:5px;background: transparent url('../../img/bg_ul_boxGauche.gif') repeat-y top center;} #boite_entrevues ul {background:none;} #boite_entrevues ul.entrevueLarge { float:left; background: transparent url('../../img/bg_ul_boxGauche.gif') top center repeat-y; margin:5px 0;} .boxGaucheBulleDemi.entrevues { margin-bottom:10px; } .boxGaucheBulleDemi.entrevues ul{ background:none;} .boxGaucheBulleDemi.entrevues ul li, #colonne_droite #boite_entrevues ul li, .boxGaucheBulleDemi div.item_liste_palmares { float:left; width:290px; min-height:30px; padding:5px; line-height:1.25em;border-bottom:1px solid #e1e1e2;} .boxGaucheBulleDemi .boxCritique img.image_entrevue {float:left; border:2px solid #efefef; margin-right:5px;} .boxGaucheBulleDemi .boxCritique div {float:left; width:150px; color:#575757;} #boite_box-office div.q {float:left; width:305px; border-right:1px solid #353638; margin-left:6px;} #boite_box-office div.n {float:left; width:305px; margin-right:6px;} #boite_box-office.entry div.q {width:468px; border-right:none; margin-left:0;} #boite_box-office.entry div.n {width:468px;} #boite_box-office div h5 {border-bottom:1px solid #e1e1e2;line-height: 1.75em;padding-left:5px;} #boite_box-office div ul { background-image:none;} #boite_box-office div ul li {border-bottom:1px solid #e8e8e8; padding:5px 0 5px 5px; } #boite_box-office.plusLus div ul li {padding:8px 0 8px 5px;} #boite_box-office div ul li:hover{background-color:#fff;} #boite_box-office div ul li span.position {display:block; float:left; width:15px; padding:2px;text-align:center;margin-right:5px;color:#fff; background-color:#e60e27;} #boite_box-office div ul li a {color:#29292a;} #boite_box-office div ul li span.score {float:right; font-weight:bold; margin-right:5px; text-align:right; display:block; min-width:30px;} .boxGauche { border-top:6px solid #353638; padding-top:5px;background: transparent url('../../img/bg_ul_boxGauche.gif') repeat-y top center;} .boxGauche ul li {float:left; width:300px; display:block; min-height:35px; padding:7px;margin-right:5px; line-height:1.25em; border-bottom:1px solid #e1e1e2;} .boxGauche ul li.right {float:right;margin-right:0;} .ajoutsrecents ul { background:none; } .ajoutsrecentsdouble ul { background: transparent url("../../img/bg_ul_boxGauche.gif") repeat-y top center;margin-top:5px; } .ajoutsrecents ul li { float:left; width:300px; display:block; padding:4px 0 4px 5px;margin-right:5px; line-height:1.25em; border-bottom:1px solid #e1e1e2;} .ajoutsrecentsdouble ul li { float:left; width:300px; display:block; padding:6px 0 6px 5px;margin-right:5px; line-height:1.25em; border-bottom:1px solid #e1e1e2;} .ajoutsrecents ul li.right {} .ajoutsrecentsdouble ul li.right { float:right;margin-right:0; } .ajoutsrecents ul li a { color:#333; } .ajoutsrecentsdouble ul li a { color:#333; } .ajoutsrecents ul li:last-child { } .boxDroite { border-top:6px solid #353638; border-bottom:1px solid #313334; min-height:30px; margin-bottom:5px; } .nouvelles {border-bottom:none;} .boxDroite ul, .boxDroiteBulle {margin:5px 0;} .boxDroite ul li, .boxDroiteBulle ul li { float:left; width:290px; min-height:30px; padding:5px; line-height:1.25em;border-bottom:1px solid #e1e1e2;} #colonne_droite .sorties_cinema ul li { min-height:10px; border-bottom: none;} .boxDroiteBulle ul li { width:280px;} .boxDroite ul li:hover, .boxDroiteBulle ul li:hover, .boxGauche ul li:hover { filter:alpha(opacity=100);-moz-opacity:1;opacity: 1; background-color:#e8e8e8;} .boxDroite ul li.dernier {border-bottom:0;} .boxDroite ul li a, .boxDroiteBulle ul li a, .boxGauche ul li a {color:#29292a; font-size:1.083em;} .boxDroite img.image_nouvelles, #boite_entrevues ul li a img.image_nouvelles {float:left; width:107px; border:2px solid #efefef; margin:0 10px 0 0;} #boite_entrevues ul li a div {float:left; width:160px; color:#575757;} #boite_entrevues ul li a div span.titre {font-weight:bold;color:#29292a;} .boxDroite span.date, .boxDroiteBulle span.date {float:right; font-size:0.8123em; color:#9e9e9f; padding:0 0 0 4px;} .boxDroiteConcours { border-top:6px solid #353638; border-bottom:1px solid #313334; min-height:30px; margin-bottom:5px; } .boxDroiteConcours ul {margin:5px 0;} .boxDroiteConcours ul li {float:left;} .boxDroiteConcours ul li a img {margin-left:5px; border:2px solid #efefef; float:left; overflow:hidden; width:91px;} /************* Skinning Critiques, Dernières Sorties, Box Office (Cinema, Musique, etc) */ .critiques ul {background:none;} .ensalle {float:left; border-right:1px solid #353638; width:418px;} .sortiesCine_accueil .ensalle {width:209px; border-right:none;} .entry .ensalle {border-right:none; width:468px;} .endvd {float:left; width:209px;} .entry .endvd {width:468px;} .ensalle h5, .endvd h5 {border-bottom:1px solid #e1e1e2; width:99%; line-height:1.75em;} .ensalle h5 span, .endvd h5 span {padding-left:10px;} .critiques a.boxCritique, .ensalle a.sorties, .endvd a.sorties {text-decoration:none; float:left; margin:5px; padding:5px 0 5px 5px; border-bottom:1px solid #e1e1e2; width:194px;} .entry .ensalle a.sorties, .entry .endvd a.sorties {width:219px;} .critiquesMusicales a.boxCritique {text-decoration:none; float:left; margin:5px; padding:5px 0 5px 5px; border-bottom:1px solid #e1e1e2; width:135px;} a.boxCritique:hover, .ensalle a.sorties:hover, .endvd a.sorties:hover {text-decoration:none; background-color:#e8e8e8;} .critiques a.boxCritique img.image_critique, .ensalle a.sorties img.image_sorties, .endvd a.sorties img.image_sorties {float:left; width:53px; border:2px solid #efefef; margin-right:10px;} .critiquesMusicales a.boxCritique img.image_album {float:left; width:80px; border:2px solid #efefef; margin-right:10px; clear:right;} .critiques a.boxCritique div, .critiquesMusicales a.boxCritique div, .ensalle a.sorties div, .endvd a.sorties div {display:block;} .critiques a.boxCritique div { float:left; max-width:125px;} #colonne_droite .critiques a.boxCritique div { float:left; max-width:75px;} .critiques a.boxCritique div span.titre, .critiquesMusicales a.boxCritique div span.titre, .entrevues a.boxCritique div span.titre, .ensalle a.sorties div span.titre, .endvd a.sorties div span.titre {color:#29292a; display:block; font-weight:bold;} .critiques a.boxCritique div span.soustitre, .critiquesMusicales a.boxCritique div span.soustitre, a.sorties div span.soustitre {color:#575757; display:block;} .critiques a.boxCritique div img.note_edition, .critiques a.boxCritique img.note_vote, .critiquesMusicales a.boxCritique img.img_note {width:91px; height:15px; margin-top:4px; float:left; clear:right;} #colonne_droite .critiques a.boxCritique {margin:0 0 -5px 0; padding:0 0 5px 0; width:141px; border-bottom:1px solid #e1e1e2;} #colonne_droite .critiques ul li {float:left; width:141px; min-height:30px; padding:5px 2px; line-height:1.25em;border-bottom:none;} #colonne_droite a.boxCritique img.image_critique {float:left; width:53px; border:2px solid #efefef; margin-right:5px;} #colonne_droite a.boxCritique div img.note_edition, #colonne_droite a.boxCritique div img.note_vote {margin:4px 0 0 0; width:71px; height:12px;} #colonne_droite .entrevues img.image_entrevue {float:left; border:2px solid #efefef; margin-right:5px;} #colonne_droite .entrevues div {float:left; width:150px;} #colonne_droite .onglets {width:300px;} #colonne_droite span.off { background: url("../../img/bloc-articles-les-plus-lus-off-bg.gif") no-repeat 0px -3px #f6f6f4; border-top: 3px solid white; color: #9f9f9e; cursor: pointer; display: block; float: left; font-size: 12px; font-weight: bold; height: 20px; margin-left: 0px; padding-top: 3px; text-align: center; text-decoration: none; width: 149px; } #colonne_droite span.on { background: url("../../img/bloc-articles-les-plus-lus-on-bg.gif") no-repeat 0px 0px #FFFFFF; color: #e60e27; cursor: pointer; display: block; float: left; font-size: 13px; font-weight: bold; height: 20px; margin-left: 0px; padding-top: 6px; text-align: center; text-decoration: none; width: 151px; } span.on:hover, span.off:hover { text-decoration: underline; } #colonne_droite ol { width:300px; padding:30px 0 8px 0px;background: transparent url("../../img/bloc-articles-les-plus-lus-bottom.gif") no-repeat bottom center;} #colonne_droite ol.articles-plus-lus li {color: #ed1b24;list-style:decimal;list-style-position:outside; margin:0 0 0 25px ;padding: 3px 8px 3px 0;} #colonne_droite ol.articles-plus-lus li a {color: #333333;} #colonne_droite ol.articles-plus-lus li span {color: #ed1b24; border:1px solid #e1e1e1; font-size:0.9em; margin-left:3px; padding: 0 3px; } /************* Skinning Critiques CInema en Accueil SB */ .critiquesAccueil {width:415px;} .critiquesAccueil ul {background:none;} .critiquesAccueil ul li { float:left; margin-right:5px;} .critiquesAccueil a.boxCritique {text-decoration:none; float:left; border-bottom:1px solid #e1e1e2; width:197px; margin:5px 5px 5px 0; padding:5px 0;} a.boxCritique:hover, .ensalle a.sorties:hover, .endvd a.sorties:hover {text-decoration:none; background-color:#e8e8e8;} .critiquesAccueil a.boxCritique img.image_critique {float:left; width:53px; border:2px solid #efefef; margin-right:10px;} .critiquesAccueil a.boxCritique div {display:block;} .critiquesAccueil a.boxCritique div { float:left; max-width:120px;} .critiquesAccueil a.boxCritique div span.titre, .critiquesMusicales a.boxCritique div span.titre, .entrevues a.boxCritique div span.titre, .ensalle a.sorties div span.titre, .endvd a.sorties div span.titre {color:#29292a; display:block; font-weight:bold;} .critiquesAccueil a.boxCritique div span.soustitre, a.sorties div span.soustitre {color:#575757; display:block;} .critiquesAccueil a.boxCritique div img.note_edition, .critiquesAccueil a.boxCritique img.note_vote {width:91px; height:15px; margin-top:4px; float:left; clear:right;} /********************************************************************************************************************************** STYLE skinning Listes déroulantes Horaire Cinema */ #salles, #films {color:#dadada;} #regions {color:#2a2a2b;} #regions option, #films option, #salles option {color:#29292a;} div.cmf-skinned-select {padding:5px 0 0 0; width:214px; height:22px; margin:0 20px 5px 0; float:right; clear:right;background: transparent url('../../img/bg_skin_film.gif') top right no-repeat;} div.cmf-skinned-select2 {padding:5px 0 0 0; width:214px; height:22px; margin:0 0 5px 20px; float:left;background: transparent url('../../img/bg_skin_region.gif') top right no-repeat;} div.cmf-skinned-text {padding: 3px 10px 10px 10px;} #containerCineHoraire form {margin:5px 0;} #containerCineHoraire form div select {background-color:transparent; width:214px; height:27px;} #containerCineHoraire form div select option:hover, #containerCineHoraire form div select option:hover, #containerCineHoraire form div select option:hover, #containerCineHoraire form div select option:focus, #containerCineHoraire form div select option:focus, #containerCineHoraire form div select option:focus {background-color:#e60e27; color:#fff;} /*Style particulier pour l'entête de la page Horaires Cinéma */ #colonne_centrale div #containerCineHoraire {clear:both; width:100%;} #colonne_centrale div #containerCineHoraire form div.cmf-skinned-select {margin:0 0 5px 0;} #colonne_centrale div #containerCineHoraire form div.cmf-skinned-select2 {margin:0 0 5px 0;} /*Style particulier pour sidebar widget dans colonne de droite ou dans colonne centrale sur index Cine */ .boxGaucheBulleDemi #containerCineHoraire form div.cmf-skinned-select,.boxDroiteBulle #containerCineHoraire form div.cmf-skinned-select {margin:0 0 5px 40px; float:left; clear:left;} .boxGaucheBulleDemi #containerCineHoraire form div.cmf-skinned-select2,.boxDroiteBulle #containerCineHoraire form div.cmf-skinned-select2 {margin:0 0 5px 40px;} /********************************************************************************************************************************** STYLE skinning page Horaire Cinema */ #resultat {margin-top:10px;} #resultat .entete_salle_cinema {margin:5px 0 15px 0;} #resultat .entete_salle_cinema h4 {padding-left:0;} #resultat .entete_salle_cinema p {} #resultat .entete_salle_cinema p.adresse_cinema {} #resultat .entete_salle_cinema p.disponibilite_horaire {} #resultat ul {} #resultat ul li {margin:15px 0; border-bottom:1px solid #e8e8e8;} #resultat .entete_salle_cinema {margin-bottom:5px; border-bottom: 1px solid #353638; border-top:1px solid #353638;} #resultat .entete_salle_cinema h4 {border-bottom:none;} #resultat ul li .entete_infos_film h5 a, #resultat ul li a {color:#29292a;} #resultat ul li .entete_infos_film p {} #resultat ul li .entete_infos_film p.small , #resultat ul li .entete_salle_cinema p.small, #resultat ul li p.small {font-size:0.9167em;} #resultat ul li .entete_infos_film p.horaire_film , #resultat ul li .entete_salle_cinema p.horaire_film, #resultat ul li p.horaire_film {margin-top:2px;} /********************************************************************************************************************************** STYLE pour galeries photos */ .gallery {clear:left; float:left; margin:5px 0 0 0 !important; padding:0 !important;} .gallery-item {float:left;margin:0 5px !important; padding:0 !important; text-align:left !important; width:auto !important;} .gallery-caption {display:none;} .images_galerie {width:50px !important; border:0; margin:0 !important; padding:0 !important; /*border-top:2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf;*/ } .attachment-50x50 {border:2px solid #cfcfcf; margin:0 5px 0 0;} .gallery-icon {margin:0; padding:0;} .galerie_thumbnails {width:auto !important; float:left !important; padding-right:40px; /*border-left:2px solid #cfcfcf;*/ overflow:hidden; height:50px; background: url('../../img/fleche_grise_droite.png') top right no-repeat;} .titre_article_photo { text-align:center; color: #e60e27; width:458px; margin: 0 5px; padding:5px 0; min-height:45px; background:#0a0a0a url('../../img/bg_menu_section_noir.jpg') top left repeat-x; display:block; color:#fff;} .titre_article_photo a.titre {color:#fff; font-size:1.5em; display:inline;} .titre_article_photo .suivant {width:20px; display:block; height:30px;padding-top:10px; color:#fff;} .titre_article_photo .precedent {width:20px; display:block; height:30px;padding-top:10px; color:#fff;} #galerie_grande_image {text-align:center; width:468px; clear:right; /*background:#0a0a0a;*/} #bg_image {margin:0; z-index:10; position:relative; top:0; height:auto; width:468px;} #bg_image a img.image_attachement_galerie {width:458px; margin-left:4px;} .arrow_left {position:absolute; float:left; width:70px; height:70px; z-index:20; top:80px; left:-15px;} .arrow_left img{opacity:0.4;filter:alpha(opacity=40);-moz-opacity:0.4;} .arrow_left img:hover {opacity:1;filter:alpha(opacity=100);-moz-opacity:1;} .arrow_right {position:absolute; float:right; width:70px; height:70px; z-index:20; top:80px; right:-15px;} .arrow_right img {opacity:0.4;filter:alpha(opacity=40);-moz-opacity:0.4;} .arrow_right img:hover {opacity:1;filter:alpha(opacity=100);-moz-opacity:1;} .arrow_right:hover img, .arrow_left:hover img{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;} #col_2_largeurs ul.photo-du-jour li {float:left; border-bottom:none; padding:2px;} #col_2_largeurs ul.photo-du-jour li.premier {display:block; padding-bottom:5px;} .boxGaucheBulleDemi ul.photo-du-jour li.premier {display:block; padding-bottom:5px; width:300px;} #col_2_largeurs ul.photo-du-jour li.premier div p.date {display:block; float:left; width:100%;} #col_2_largeurs ul.photo-du-jour li a img {width:50px !important;} #col_2_largeurs ul.photo-du-jour li.premier a img.image_photodujour_accueil {width:400px !important;} #col_2_largeurs .boxGaucheBulleDemi ul.photo-du-jour li.premier a img {width:160px !important;} #col_2_largeurs ul.photo-du-jour li.premier a p.titre {font-size:1.4em;} #col_2_largeurs ul.photo-du-jour li.premier a, ul.galeries-photos li a {color:#29292a;} .photo-du-jour, #boite_photo-et-galeries {border-bottom:none;border-top:none;} .boxGaucheBulleDemi ul.photo-du-jour, .boxGaucheBulleDemi ul.galeries-photos {background-image:none; border-bottom:1px solid #e8e8e8;} /********************************************************************************************************************************** STYLE pour boîtes de partenariats/contenu externe */ #jouez {border-top:none;} #jouez h5.contenu_externe {background: #1e1e1e url('../../img/bg_menu_section_noir.jpg') top left repeat-x; height:24px; padding-top:6px; padding-left:5px; color:#FFF; } #jouez h5 a {color:#fff;} #jouez ul li a img {display:none;} /********************************************************************************************************************************** STYLE pour Classes */ .pub {float:right; width:728px; height:90px; margin: 25px 10px 0 0;} .commanditaires {font-size:0.9167em; color:#909e9f;} .typo_rouge {color:#e60e27;} .typo_noire {color:#29292a;} .typo_grise {color:#575757;} .typo_blanche {color:#ffffff;} a.innerTag {color:#000; text-decoration:underline;} .no_border {border:none !important;} .auteur_petit {font-size:0.9167em !important; padding:0 0 5px 0; float:left; } a.fleche_rouge {display:block; padding:0 25px 0 0; line-height:20px; height:20px; margin:0 5px 10px 0; text-transform:lowercase; background:transparent url('../../img/bg_fleche_rouge_lien.jpg') no-repeat top right; text-align:right; vertical-align:middle;} a.fleche_rouge_ligne {display:block; padding:0 25px 0 0; line-height:20px; height:20px; margin:5px 5px 10px 0; background:transparent url('../../img/bg_fleche_rouge_lien.jpg') no-repeat top right; text-align:right; vertical-align:middle; border-top: 1px solid #313334;} .hide {display:none;} .show {display:block;} #tooltip {position:absolute; min-width:100px; max-width:200px; margin:0; z-index:200; background:#efefef;border:1px solid #353638; /*border-bottom: 1px solid #353638;*/ top:0; left:0;display:none; padding:4px; text-align:center; color:#e60e27; opacity:0.85;filter:alpha(opacity=85);-moz-opacity:0.85;} #tooltip h3 {font-size:1.083em;} .float-left, .alignleft {float:left;} .float-right, .alignright {float:right;} /*HACK pour le "sticky footer effect" pour que le pied de page reste toujours en bas de la fenêtre du navigateur (IE 6-7-8, FF 2-3, Opera 9-10, Safari 4 PC et Mac*/ .push {height:355px;}