/************************************************************************************************************************************************** Feuille de style principale - BRANCHEZ-VOUS! Matin Date créée: 14 juillet 2009 Date modifiée: 12 janvier 2010 @author: Debbie Rouleau @version 1.0 @copyright Branchez-vous.com **************************************************************************************************************************************************/ /**************************************************************************************************************************** DIVs structurelles */ #site_contenu {min-height:594px; clear:both; padding:10px 8px; background:#FFF url('http://www.branchez-vous.com/images/design_2009/bg_contenant.gif') no-repeat bottom left; border-left:1px solid #cfd0d1; border-right:1px solid #cfd0d1;} h1, h1 a {color:#0429a3;} h2, h2 a {color:#0d56ce;} h3, h3 a {color:#0d56ce;} h4, h4 a {color:#183266;} h5, h5 a {color:#0d56ce;} #colonne_gauche {width:160px; float:left; margin-right:15px; text-align:left;} #colonne_gauche_2colonnes {width:633px; float:left; margin-right:10px; text-align:left;} #haut_div_contenu_actualites {float:left; width:auto;} #haut_div_contenu_actualites #entete_accueil_matin {width:100%; height:62px; margin:0 0 10px 0; padding:0; /*border-bottom:1px solid #e8e8e8;*/ background-color:#f1f1f1;} #entete_accueil_matin #au_pupitre {float:left; width:290px; margin:0 0 0 5px;} #au_pupitre .imgAuteur {float:right; width:107px;} #au_pupitre .texteAuteur {float:left; width:173px; padding: 5px 10px 0 0; margin:0;} #au_pupitre .texteAuteur .nomAuteur a {text-decoration:none; border:none;} #au_pupitre .texteAuteur .nomAuteur a img {text-decoration:none; border:none; padding-left:4px;} /*STYLES pour la boîte météo*/ #entete_accueil_matin #meteo {float:right; margin:0; padding:5px 0 0 0; text-align:center; background-color:#CCC; height:57px; width:325px; background: url('http://www.branchez-vous.com/images/bg_meteo_accueil_matin.png') bottom no-repeat;} .meteo_accueil {margin:0; padding:0; float:left; text-align:left; padding-left:5px; padding-top:4px;} #meteo_montreal.meteo_accueil {width:115px;} #meteo_quebec.meteo_accueil {width:110px;} .meteo_accueil img {margin-right:5px; vertical-align:middle;float:left;} .meteo_accueil a.nomVille {float:left;} .meteo_accueil a.temp {float:left;margin-right:5px; color:#0429a3;} .bas_boite_meteo {float:right; padding:13px 10px 0 0;} .entete_boite_meteo {width:325px; height:15px; font-size:9px;} div.infosMeteo {width:115px; float:left; text-align:left; padding-left:1px;} div.infosMeteo a {font-size:11px; font-weight:bold; margin:0 5px; display:inline;float:left;} div.infosMeteo span {color:#666666; text-align:right; float:right; display:inline;} #entete {width:100%; margin:0; padding:0; border-bottom:1px solid #e8e8e8;} ul#actualites_haut, ul#actualites {float:left; width:100%; margin:0; padding:0; list-style:none;} div#colonne_gauche_suite_contenu {float:left; width:300px; margin:10px 0 0 15px; padding:0; list-style:none;} #colonne_gauche_suite_contenu h3 {border-bottom: 1px solid #e8e8e8; height:20px; padding:10px 0 10px 7px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} #colonne_gauche_suite_contenu h5, #colonne_droite h5 {border-bottom: 1px solid #e8e8e8; height:15px; padding:10px 0 10px 7px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} #colonne_gauche_suite_contenu h3.accueil_entete_matin_bleu, #colonne_droite h3.accueil_entete_matin_bleu {height:25px; padding:10px 0 0 7px; color:#ffffff; background:url('http://www.branchez-vous.com/images/design_2009/bg_entete_h5_bleu.jpg') repeat-x top left; border-bottom:none;} #colonne_gauche_suite_contenu h3.accueil_entete_matin_bleu a, #colonne_droite h3.accueil_entete_matin_bleu a {color:#ffffff;} #colonne_gauche_suite_contenu h3.accueil_entete_matin_rouge {height:25px; padding:10px 0 0 7px; color:#ffffff; background:url('http://www.branchez-vous.com/images/design_2009/bg_entete_h5_rouge.jpg') repeat-x top left; border-bottom: none;} #colonne_gauche_suite_contenu h3.accueil_entete_matin_bleu a, #colonne_gauche_suite_contenu h3.accueil_entete_matin_rouge a {color:#ffffff;} #colonne_gauche_suite_contenu ul, #colonne_droite ul.boite_culture {list-style:none; margin:0; padding:0;} #colonne_gauche_suite_contenu ul li, #colonne_droite ul.boite_culture li {list-style:none; margin:0; padding:10px 7px; border-bottom:1px solid #e8e8e8;} #colonne_gauche_suite_contenu ul li.dernier, #colonne_droite ul.boite_culture li.dernier {border-bottom:0; border-bottom-width:0;} #colonne_gauche_suite_contenu div.blogue {margin:5px 0;} #colonne_gauche_suite_contenu div.blogue a img.img_blogue {margin-left:5px;} #colonne_gauche_suite_contenu div.blogue div.contenu_blogue a {font-size:1.167em;} #colonne_gauche_suite_contenu div.blogue div.contenu_blogue a.commentaires {font-size:0.786em;} #colonne_gauche_suite_contenu span.lien_site {/*border-bottom: 1px solid #e8e8e8;*/} #chiffres_du_jour {background:url('http://www.branchez-vous.com/images/bg_taux_change_essence.png') no-repeat top left; width:300px; height:65px; margin:10px 0; padding:0;} #chiffres_du_jour #taux_change {float:left; width:120px; height:35px; margin:0; padding:20px 0 0 40px;} #chiffres_du_jour #prix_essence {float:right; width:120px; height:50px;margin-right:5px; padding:10px 0 0 0;} #chiffres_du_jour #prix_essence span {font-size:0.9167em; color:#0d56ce;} div#extra_contenu {float:left; width:312px;margin:0; padding:0;} div#div_sur_2_colonnes {float:left; width:100%; margin:0; padding:0; border:none;} #zone_bulletin {margin:0; padding:0; border: 1px solid #cfd0d1; padding:5px;} #colonne_centrale {width:468px; float:left; text-align:left;} #colonne_centrale h1 {margin:0 0 20px 0; padding:0; color:#0d56ce;} #colonne_centrale h1.titre_article {font-size:2.083em; color:#0429a3; clear:both; margin:10px 0 50px 0;} #colonne_centrale h3.sous-titre {margin:0; padding:10px 0;} #colonne_centrale span.date_article {clear:both; color:#183266;} #colonne_centrale img.image_entete_article {float:right; margin:0 0 10px 10px; clear:right;} #colonne_centrale p {color:#183266; font-size:1.167em; margin-bottom:15px; line-height:1.3em;} #colonne_centrale blockquote {color:#183266; font-size:1.167em; margin:0 10px 15px 10px;} #colonne_centrale ol {margin-left:30px; margin-bottom:15px; font-size:1.167em;} #colonne_centrale p.no_space {margin-bottom:0; padding-bottom:0;} #colonne_centrale div.no_space_top p {margin-top:0; padding-top:0;} #colonne_centrale p a, #colonne_centrale blockquote a, #colonne_centrale div.premier_paragraphe_article a {color:#0429a3; text-decoration:underline;} #colonne_centrale div.premier_paragraphe_article {color:#183266; font-size:1.214em; margin-bottom:15px; clear:left;} #colonne_centrale p.premier_paragraphe_article {font-size:1.5em; clear:left;} #colonne_centrale p.premier_paragraphe_article img, #colonne_centrale div.premier_paragraphe_article p img, #colonne_centrale p img {border:none; margin:0 8px 0 0;} #colonne_centrale p span.auteur_article {color:#0d56ce;} #colonne_centrale ul li a {color:#0429a3;} #colonne_centrale ol li {color:#183266;} #colonne_droite {width:300px; float:right; margin-left:15px; text-align:left;} #colonne_droite h3 a span {font-size:0.9167em;} #colonne_droite a img {border:none; text-decoration:none;} #colonne_droite span.lien_site {border-top:1px solid #e8e8e8;} #sky1 {float:left; width:160px; margin-right:10px; clear:both; padding-bottom:5px;} #leaderboard2 { width:100%; clear:both; text-align:center; margin:0 auto; padding-top:10px;} #bigbox1 {margin:0; padding:0 0 10px 0; text-align:center;} #bigbox2 {margin:10px 0; padding:0; text-align:left; width:300px; border-top:1px solid #e8e8e8;} #avant_bb1, #apres_bb1 {margin:0; padding:0;} #avant_bb1 {border-bottom:1px solid #e8e8e8;} #bandeau_468 {margin:0; padding:0;} #pub_lien_texte {border-bottom:1px solid #e8e8e8; padding:10px 0; width:100%; background-color:#FF9;} #pub_lien_texte span {padding-right: 20px; color:#666; font-size:0.73em;} /******************************************************************************************************************************** CLASSE styles */ /*STYLE uniforme et général pour les boîtes comme SHOWBIZZ' INFO, TECHNO, AFFAIRES, SPORT ... */ .boite_contenu {width:100%; text-align:left;margin-bottom:10px;} /*Boite contenant les onglets, le titre de la boîte, et les displays on/off */ .boite_contenu_haut {color:#FFF; background: url('http://www.branchez-vous.com/images/design_2009/bg_boite_contenu_haut.gif') repeat-x right top; height:50px; min-height:50px;} .boite_contenu_haut_gris {color:#FFF; background: url('http://www.branchez-vous.com/images/design_2009/bg_boite_contenu_haut_gris.gif') repeat-x right top; height:50px; min-height:50px;} .entete_section {height:50px;} .entete_section h2 { font-family: Arial, Helvetica, sans-serif; color:#FFF; font-size:1.67em; font-style:normal; float:left; padding-top:16px; margin-left:12px;} .entete_section h2 a { color:#FFF; text-decoration:none;} .entete_section h2 a:hover { text-decoration:underline;} .entete_section div { float:right; text-align:right; margin:4px 5px 0 0; padding-top:23px;} /*BOITE contenant le contenu, les images, les displays on/off*/ .boite_contenu_milieu { background-color:#FFF; border-right:1px solid #d1d2d3; border-left:1px solid #d4d5d6; min-height:60px; background: #ffffff; padding:0 7px;} /*STYLES pour les contenus INFO, TECHNO et AFFAIRES*/ span.url_site { height:20px; display:block; font-size:0.9167em; font-weight:bold; color:#0429a3; padding:6px 7px 2px 7px;} span.url_site a { color:#0429a3;} .boite_contenu_milieu div ul { list-style: none; width:100%; margin:0; padding:0;} .boite_contenu_milieu div ul li { display:block; border-bottom:1px solid #e8e8e8; margin:0; padding:0; height:42px; padding:4px 7px;} .boite_contenu_milieu div ul li.premier { background-color:#d3e6f7; border-bottom:1px solid #FFFFFF;} .boite_contenu_milieu div ul li.deuxieme { background-color:#e8edf2; border-bottom-color: #FFFFFF;} .boite_contenu_milieu div ul li.dernier_unique {border-bottom:none;} .boite_contenu_milieu div ul li.dernier { /*border-bottom:none;*/} .boite_contenu_milieu div ul li.premier_top {border-top:1px solid #e8e8e8;} .boite_contenu_milieu div ul li a {margin:0; padding:0;} /*.boite_contenu_milieu div ul li a.heure {float:left; width:235px; padding-right:5px;}*/ .boite_contenu_milieu div ul li span.heure { float:right; width:27px; height:20px; color:#a8b5ce; font-size:0.83em; padding-top:20px;padding-right:7px;} /*STYLES divers dans les boites de contenus: titres, entetes, urls*/ span.lien_site { display:block; text-align:right; height:23px; color:#0429a3; font-size:0.9167em; font-weight: bold; padding-right:10px; padding-top:7px; background: url('http://www.branchez-vous.com/images/design_2009/fleche.gif') no-repeat top right;} span.lien_site a { color:#0429a3;} .boite_contenu_milieu div h3, #colonne_gauche h3, #haut_div_contenu_actualites h3, #colonne_droite h3, #colonne_centrale h3 {font-size:1.33em; height:20px; padding:10px 5px 10px 0; font-family: Arial, Helvetica, sans-serif; font-weight:normal; border-top: 1px solid #e8e8e8;} #colonne_droite h3 {border-bottom: 1px solid #e8e8e8;} #haut_div_contenu_actualites h3, #colonne_centrale h3 {border-top:none;} /*#haut_div_contenu_actualites h3, #colonne_droite h3 {color:#183266;}*/ .boite_contenu_milieu div h3 a, #colonne_droite h3 a, #colonne_gauche h3 a, #haut_div_contenu_actualites h3 a, #colonne_centrale h3 a { color:#0d56ce; text-decoration:none;} .boite_contenu_milieu div h3 a:hover, #colonne_droite h3 a:hover, #colonne_gauche h3 a:hover, #haut_div_contenu_actualites h3 a:hover, #colonne_centrale h3 a:hover { text-decoration:underline;} /*STYLES pour h4 */ #colonne_centrale h4, #colonne_droite h4 {height:20px; border-top: 1px solid #dce2ef; background-color:#e8edf2; padding:2px 7px 0 7px;} #colonne_centrale h4.entete_blogues_techno {height:40px; padding:0;} #colonne_centrale h4.gris, #colonne_droite h4.gris {background-color:#f5f4f4;} #colonne_centrale h4.entete_blogues_techno div.identifiant {float:left; margin:0;padding:2px 0 0 7px; min-width:225px;} #colonne_centrale h4.entete_blogues_techno div.identifiant_photo {float:right; margin:0; padding:0 0 0 7px;} #colonne_centrale ul li h4.entete_blogues_techno div.identifiant_photo {padding-left:0;} #colonne_centrale h4 a, #colonne_droite h4 a, #colonne_centrale h4.entete_blogues_techno div.identifiant a {color:#00236e; padding:2px 10px 0 0;background: url('http://www.branchez-vous.com/images/design_2009/fleche_h4.gif') no-repeat top right;} #colonne_centrale h4.gris div.identifiant, #colonne_centrale h4.gris div.identifiant a, #colonne_droite h4.gris a {color:#5e6269;} #colonne_centrale h4.gris div.identifiant a span.tres_petit, #colonne_droite h4.gris a span {font-size:0.75em;} #colonne_centrale h4.entete_blogues_techno div.identifiant_photo a {color:#00236e; padding:2px 10px 0 0; background:none;} #colonne_centrale h4 a span, #colonne_droite h4 a span, #colonne_centrale h4.entete_blogues_techno div.identifiant a span {font-size:0.9167em;} .identifiant_photo a, .identifiant_photo a img {border:none; text-decoration:none; background:none;} /*STYLES pour les contenus Blogues Techno*/ div.blogue div.contenu_blogue {margin-bottom:10px;} div.blogue div.contenu_blogue a {color:#0429a3;} div.blogue div.contenu_blogue a.titre {font-size:1.167em;} div.blogue div.contenu_blogue a.commentaires, a.commentaires {font-size:0.9167em !important; color:#0429a3; background:url('http://www.branchez-vous.com/images/icone_commentaires_15x15.jpg') no-repeat; padding-left:20px; vertical-align:middle;} div.blogue a img.image_blogue {width:107px; height:53px; float:left; background-color:#eeeeee;border:none; text-decoration:none;} div.blogue div.avecImage {width:170px; float:left; padding-left:10px;} #colonne_centrale div.blogue div.avecImage {width:351px; padding-bottom:0; margin-bottom:0;} #colonne_centrale div.blogue div.avecImage a {font-size:1.33em; color:#0429a3;} #colonne_centrale div.blogue div.avecImage p {color:#183266;} #colonne_droite div.blogue div.avecImage p {display:none;} div.blogue div.article_blogue {margin:0; padding:8px 0 0 0;} div.blogue div.article_blogue a {color:#0429a3;} /*STYLES pour les contenus des listes animés avec effet rollover pour l'image accompagnatrice du titre*/ .blogue_animation {background-color: #CCCCCC; margin:0; padding:0;} ul.content {float:right; width:50%; text-align:left; list-style:none; margin:0; padding:0;} ul.content li {border-bottom:1px solid #ffffff !important; background-color:#e8edf2;} ul.content li.selected {background-color:#d3e6f7;} div.photo {float:left; width:50%; height:100%; background-color:#CCCCCC;} div.photo span {display:none;} div.photo span.image_on {display:block;} div.photo a{text-decoration:none; border:none;} div.photo a img {border:none; text-decoration:none;} div.blogue_animation div.photo {width:107px; height:125px; float:left; background-color:#CCCCCC; text-align:center;} div.blogue_animation ul.content {width:187px; float:left;} div.blogue_animation ul.content li {height:38px; padding:3px 4px 0 4px;} /*STYLES pour boite MonBlogue*/ .titre_mb {font-size:0.9167em; color:#183266;} .titre_mb2 {font-size:0.9167em; color:#666;} /*STYLE pour boites actualites haut et bas*/ ul#actualites_haut, ul#actu_jeux, ul#actu_technoeconomie, ul#actualites_bas, ul#actualites, ul.opinions {width:100%; list-style:none; display:block; margin:0; padding:0;} ul#actualites_haut li, ul#actu_jeux li, ul#actu_technoeconomie li, ul#actualites_bas li, ul#actualites li, ul.opinions li {list-style:none; border-bottom:1px solid #e8e8e8;margin:0; padding:5px 0; text-align:left;} ul#actu_jeux li.dernier, ul#actu_technoeconomie li.dernier, ul.opinions li.dernier {border-bottom:none;} ul li.important {background-color:#e8eDf2;} ul#actualites_haut li a, ul#actu_jeux li a, ul#actu_technoeconomie li a, ul#actualites_bas li a, ul#actualites li a, ul.opinions li a {font-size:1em; color:#0429a3;} #colonne_droite ul#actu_jeux li a, #colonne_droite ul#actu_technoeconomie li a, #colonne_droite ul#actualites_bas li a {font-size:1em;} ul#actualites li a {display:inline;} ul#actualites_haut li a img, ul#actu_jeux li a img, ul#actu_technoeconomie li a img, ul#actualites_bas li a img, ul#actualites li a img, ul.opinions li a img {border:none; text-decoration:none; margin:0 5px 0 0;} ul#actualites li a img {margin:0 5px 5px 0; float:left;} ul.opinions li h4 a img {margin-right:0;} ul#actualites_haut li p, ul#actu_jeux li p, ul#actu_technoeconomie li p, ul#actualites_bas li p, ul#actualites li p, ul.opinions li p {color:#183266;} img.img_actualites_haut {border:none; text-decoration:none; margin-right:10px; float:left; width:107px;} img.img_actualites_haut2 {border:none; text-decoration:none; margin-left:10px; float:right; width:107px} ul#actualites_haut li div.div_contenu_liste_actualites, ul#actualites li div.div_contenu_liste_actualites, ul.opinions li div.div_contenu_liste_actualites {display:block; vertical-align:top; float:right; text-align:left;width: 100%; color:#183266;} ul#actualites li div.div_contenu_liste_actualites p, ul.opinions li div.div_contenu_liste_actualites p {display:inline; margin:5px 0; padding:0; line-height:1.14em;} ul#actualites li div.div_contenu_liste_actualites p a, ul.opinions li div.div_contenu_liste_actualites p a {font-size:1em;} ul#actualites li div.div_contenu_liste_actualites p img {border:none; margin:0 8px 0 0;} ul#actualites_haut li div.avecImage {width: 516px; color:#183266;} ul#actualites li div.avecImage, ul.opinions li div.avecImage {width:350px;} ul#actualites_haut li div a, ul#actualites li div a, ul.opinions li div.div_contenu_liste_actualites a {font-size:1.33em; color:#0429a3;} ul#actualites li div.div_contenu_liste_actualites a.suite, ul.opinions li div.div_contenu_liste_actualites a.suite {color:#0d56ce; font-weight:bold; font-size:0.9583em; padding-left:2px;} ul#actualites li div.div_contenu_liste_actualites a.titre, ul.opinions li div.div_contenu_liste_actualites a.titre {display:block; margin-bottom:8px;} ul#actualites li div.div_contenu_liste_actualites a.titre_strong {display:block; margin-bottom:8px; font-weight:bold;} span.heure {float:right; color:#183266; padding:5px 5px; margin:0 5px; text-align:right;} ul#actualites_haut li div span.heure, ul#actualites li div span.heure {width:55px; background-color:#f1f1f1;} ul#actualites_haut li.important div span.heure, ul#actualites li.important div span.heure {width:55px; background-color:#fff;} ul#actu_jeux li div span.heure, ul#actu_technoeconomie li div span.heure, ul#actualites_bas li div span.heure, ul.opinions li div span.heure {width:40px; font-size:0.83em; padding-top:0;} ul#actualites_bas li.important div span.heure {background-color:#fff;} ul#actualites_haut li div p, ul#actualites li div p, ul#actu_jeux li div p, ul#actu_technoeconomie li div p, ul#actualites_bas li div p, ul.opinions li div p {margin:5px 0; padding:0; display:block; color:#183266;} ul#actu_jeux li div p.premier_paragraphe, ul#actu_technoeconomie li div p.premier_paragraphe, ul#actualites_bas li div p.premier_paragraphe, ul.opinions li div p.premier_paragraphe { display:none;} /*#colonne_droite ul#actu_jeux li, #colonne_droite ul#actu_technoeconomie li, #colonne_droite ul#actualites_bas li, #extra_contenu ul#actu_jeux li, #colonne_gauche_suite_contenu #actu_technoeconomie li {font-size:0.835em;}*/ /*STYLES pour les commandites*/ #commandites {width:100%; padding-top:5px; clear:both;} .commandite_iweb, .commandite_savoirfairelinux {float:left; width:150px; text-align:left;} span.titre_commandite {color:#666; font-size:0.9167em;} .commandite_iweb a, .commandite_savoirfairelinux a, .commandite_iweb a img, .commandite_savoirfairelinux a img { text-decoration:none; border:none;} /*STYLES bulletin*/ #bulletin_gauche, #bulletin_droite {width:48%; float:left; color:#183266;} .label_bulletin {color:#0429a3; font-weight:bold; padding-left:3px;} .chkbox_bulletin {font-size:8pt; vertical-align:middle;} .txt_bulletin {width:100%; font-size:0.83em; margin:5px 0; padding:0;} /*STYLE pour boîtes services*/ p.titre_services {border-top:1px solid#e8e8e8; border-bottom:none; color:#0d56ce; display:block; font-size:16px; clear:both; height:16px; padding:5px; font-weight:bold;} #services_2colonnes, #services_1colonne {width:100%; margin:0; padding:0; clear:both;} #services_1colonne a, #services_1colonne div a, #services_2colonnes a, #services_2colonnes div a {display:block; color:#0429a3;} #services_1colonne div a strong {color:#0d56ce;} /*STYLE pour zone sociale*/ #zone_sociale {width:100%; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:5px 0; clear:both; position:relative; z-index:50;} #zone_sociale a {min-height:32px; float:left;} #zone_sociale a#commentez {width:108px; background:url('http://www.branchez-vous.com/images/icone_commentaires_32x31.jpg') no-repeat; padding-left:35px;} a#commentez span {color:#183266; font-size:0.9167em;} #zone_sociale a#partagez {width:70px; background:url('http://www.branchez-vous.com/images/icone_partagez_32x31.jpg') no-repeat; padding-left:35px; padding-top:5px; cursor:pointer;} #zone_sociale a#envoyez {width:70px; background:url('http://www.branchez-vous.com/images/icone_envoyez_32x31.jpg') no-repeat; padding-left:35px; padding-top:5px;} #zone_sociale a#imprimez {width:70px; background:url('http://www.branchez-vous.com/images/icone_imprimez_32x31.jpg') no-repeat; padding-left:35px; padding-top:5px;} /*STYLE Section Dernières Actualités Techno*/ #dernieres_actualites {} #dernieres_actualites h3 {margin:0;} #dernieres_actualites #onglets_dernieres_actu {border-bottom:1px solid #e8e8e8; clear:both; height:65px;} #dernieres_actualites #onglets_dernieres_actu h3 {float:left; border:none; margin-top:10px;} #onglets_dernieres_actu div {margin-top:30px; float:right;} #onglets_dernieres_actu div span {display:block; cursor:pointer; height:17px; margin-top:10px; border:1px solid #e8e8e8; border-bottom:none; float:left; padding:5px; text-align:center;} #onglets_dernieres_actu div span.off {width:58px; background: url('http://www.branchez-vous.com/images/design_2009/btn_onglet_off.gif') no-repeat;} #onglets_dernieres_actu div span.on {width:58px; background: url('http://www.branchez-vous.com/images/design_2009/btn_onglet_on.gif') no-repeat;} #dernieres_actualites div#contenu_dernieres_actu_recents {width:100%;} div#contenu_dernieres_actu_recents ul {list-style:none; margin:0; padding:0;} div#contenu_dernieres_actu_recents ul li {display:block; width:100%; border-bottom:1px solid #e8e8e8; margin:0; padding:8px 0;} div#contenu_dernieres_actu_recents ul li a {color:#0429a3;} div#contenu_dernieres_actu_recents ul li span.heure {color:#9da9c5; font-size:0.83em; padding:0;} #dernieres_actualites div#contenu_dernieres_actu_populaire {width:100%; display:none;} #derniers_articles {} #derniers_articles h3 {border-bottom:1px solid #e8e8e8; margin-top:10px;} #derniers_articles ul#contenu_dernieres_actu_recents {list-style:none; margin:0; padding:0;} #derniers_articles ul#contenu_dernieres_actu_recents li {display:block; width:100%; border-bottom:1px solid #e8e8e8; margin:0; padding:8px 0;} #derniers_articles ul#contenu_dernieres_actu_recents li a {color:#0429a3;} #derniers_articles ul#contenu_dernieres_actu_recents li span.heure {color:#9da9c5; font-size:0.83em; padding:0; float:right; display:block; width:40px;} /*STYLE en particulier pour les pages internes de Techno*/ #entete_colonne_centrale {width:100%; height:28px; text-align:left;} #entete_colonne_centrale h1 {} #entete_colonne_centrale h1 span {color:#333; font-size:14px;} #entete_colonne_centrale h1 a {font-size:16px;} #entete_colonne_centrale h3 {float:left;} #entete_colonne_centrale h3 span.categories_titre {float:left; color:#333; font-weight:bold;} /*STYLE entete blogues techno*/ #entete_blogue,.entete_blogue {width:100%; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; height:62px; margin-bottom:15px;} div#entete_blogue.no_margin {margin-bottom:0;} #entete_blogue #photo_blogueur, .photo_blogueur {float:right; width:107px; height:62px; background-color:#f1f1f1;} #entete_blogue #photo_blogueur a, #entete_blogue #photo_blogueur a img , .photo_blogueur a img{border:none; text-decoration:none;} ul.opinions ul li div .photo_blogueur a img {margin-right:0;} #entete_blogue #photo_blogueur.no_bg, .entete_blogue div.no_bg {background-color:#ffffff;} #entete_blogue #infos_blogueur, .infos_blogueur {float:right; width:130px; margin:10px; padding:0; color:#183266; font-size:0.9167em;} #entete_blogue #infos_blogueur a , .infos_blogueur a{color:#183266; font-size:1.09em;} #entete_blogue #infos_blogueur a img, .infos_blogueur a img {border:none; text-decoration:none;} #entete_blogue #titre_blogue, .titre_blogue {float:left; margin:0 0 0 0; padding:10px 0 0 0; color:#0d56ce;} #entete_blogue #titre_blogue h2 span, #entete_blogue #titre_blogue h2 a span, .titre_blogue h2 a span {font-size:0.78em; /*14px*/ color:#0d56ce;} #entete_blogue #titre_blogue h2, .titre_blogue h2 {font-size:1.5em /*18px*/; color:#0d56ce; float:left;} .titre_blogue a, .titre_blogue h2 a {color:#0d56ce !important;} /*STYLE section liste de catégories das page interne de blogue*/ #zone_categories {width:100%; margin:10px 0 0 0; padding:0 0 20px 0; clear:both;} #colonne_droite #zone_categories {margin:0;} #zone_categories h3 {color:#0d56ce;} #colonne_droite #zone_categories h3 {border-bottom:none;} #zone_categories #liste_categories_gauche {/*float:left; width:48%;*/ border-top: 1px solid #e8e8e8;} #zone_categories #liste_categories_droite {float:right; width:48%; border-top: 1px solid #e8e8e8;} #zone_categories div a {display:block; padding:8px 0; border-bottom:1px solid #e8e8e8; color:#0429a3;} #colonne_droite #zone_categories #liste_categories_gauche a {float:left; width:145px; margin:0 4px 0 1px; padding:8px 0;} #boite_tag_index h1,#boite_tag_index h2,#boite_tag_index h3,#boite_tag_index h4,#boite_tag_index h5,#boite_tag_index h6,#boite_tag_index h7 {float:left; margin:0 5px; padding:0; background:none;} /*STYLE pour Signalez une nouvelle - accueil de Matin */ #signaler_nouvelle {margin:10px 0; padding:0; text-align:center;} #signaler_nouvelle a {text-decoration:none; border:none;} #signaler_nouvelle a img {text-decoration:none; border:none; opacity: .55; -moz-opacity: .55; filter: alpha(opacity=55);} #signaler_nouvelle a img:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);} /* Boites Le Devoir, Centpapier */ .partenaires {width:300px; color:#000000; font-size:19px;} .boxLedevoir {width:300px;margin-bottom:10px; background-color:#e8e8e8;} .boxActualite {width:300px;margin-bottom:10px; background-color:#e8e8e8;} .boite_info_Ledevoir, .boite_info_Actualite {background-color:#ffffff; border-bottom:3px solid #e8e8e8; border-left:3px solid #e8e8e8; border-right:3px solid #e8e8e8;} .liLedevoir, .liActualite {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;padding:10px 5px;} .borderBottom {border-bottom:1px solid #e8e8e8;} a.Ledevoir, a.Actualite {color:#666;} /*CLASSES*/ .no_border, #colonne_droite h3.no_border {border:none;border-top:0; border-bottom:0;} .toggleDisplayOn {display:block;} .toggleDisplayOff {display:none;} .mise_en_valeur {display:block; margin:0; padding:10px 3px; background-color: #e8e8e8; border-top:1px solid #dadbdc; border-bottom:1px solid #dadbdc;} .text-right {text-align:right;} .text-left {text-align:left;} .float-left {float:left;} .float-right {float:right;} .typoPale {color:#0d56ce;} .typoMoyen {color:#0429a3;} .typoFonce {color:#183266;} /* derniere heure dans la colonne de droite */ /*#derniereHeure { margin:20px 0; border:3px solid #000099; padding: 10px; padding-top:0px; } #derniereHeure #enteteOnglets {background-color:#000099; height:20px; width:100%; padding-top:3px;} #derniereHeure #enteteOnglets .onglets_on {background-color:#FFFFFF; width:40px; margin-right:1px; color:#000099; float:left;} #derniereHeure #enteteOnglets .onglets_off {background-color: #99CCFF; width:40px; margin-right:1px; color:#000099; float:left;} #derniereHeure H1 { font-size:12px; font-weight:bold; margin-top:6px; } #derniereHeure H2 { font-size:24px; font-weight:normal; padding-top:10px; } #derniereHeure H2 a {color:#000000;} #derniereHeure H2 small {font-size:14px;} #derniereHeure IMG { padding:0;float:left; margin:6px 10px 6px 6px; border:1px solid #000099; clear:left; } #derniereHeure HR { clear:left; height:1px;border-width:0px;color:#cacaca; background-color:#cacaca;}*/