/**************************************************************************************************************************************************
Feuille de style secondaire - BRANCHEZ-VOUS.com 
- feuille propre à l'accueil du portail -> URL http://www.branchez-vous.com
Date créée: 4 mai 2009
Date modifiée: 12 février 2010

@author: Debbie Rouleau <drouleau@branchez-vous.com>
@version 1.1
@copyright Branchez-vous.com 
**************************************************************************************************************************************************/

/**************************************************************************************************************************** DIVs structurelles */
#cadre {width:970px; padding-left:10px;}
#cadre.normal, #col_gauche.normal, #col_centre.normal, #col_droite.normal, #col_droite_sup.normal, #special { }
	#header { margin:0 auto; height:100px; min-height:100px;}
		#header #leaderboard1 {margin-left:0;}
		#header #bouton {float:right; width:160px; /*height:90px;*/ margin:5px 10px;}
	/*div pour les informations de haut de pa*/
	#infos_generales { margin:0 auto; height:23px; text-align:left; padding:7px 10px 0 10px; font-size:11px; color:#FFF;}
		#date { color:#666; padding-right:10px;}
		#miseajour { color:#666; padding-left:10px;}
			#miseajour a {color:#c00; font-weight:bold;}
		#phrase { float:left; margin-right:190px;}
			#phrase a {color:#F00; font-weight:bold;}
		#informations {float:left; width:375px; font-size:11px;}
		/*styles pour les choix de versions de mise en page et de typographie de l'accueil*/
		#controls { float:right; margin-right:10px; color:#333333; width:480px; text-align:right;}
		#controls a,#controls span a  { color:#333333; text-decoration:none; border:none;}
		#controls a:hover, #controls span a:hover { text-decoration:underline;}
		#controls a.selected { color:#0429a3;}
		#controls img, #controls a img, #controls span a img, #controls span img { text-decoration:none; border:none; vertical-align:middle; margin:0 3px;}
			a#smallfont {font-size:10px; cursor:pointer;}
			a#regularfont {font-size:10px; cursor:pointer;}
			a#bigfont {font-size:14px; cursor:pointer;}
	/*divs utilisées dans les pages index, index_2 et index_3 - versions 2, 3 et 4 colonnes */
	#col_gauche, #col_centre, #col_droite { width:310px; float:left;}
	#col_gauche {min-height:450px; margin-right:15px;}
	#col_centre, #col_droite {min-height:350px;}
	#col_droite { margin-left:15px;}
	/*div utilisée dans la page index_3.php - version quatre colonnes - colonne a l'extrémité droite */
	#col_droite_sup { width:0; float:right;}
	/*div utilisée dans les pages index et index_3.php - versions trois et quatre colonnes */
	#special { width:632px; height:180px; min-height:180px; float:left; background-color:#e8e8e8; margin-bottom:18px; /*border:1px solid #cfd0d1;*/}
	/*div utilisée dans la page index_2.php - version deux colonnes */
	#nouvelles_2colonnes {width:632px; /*min-height:3000px;*/ float:left; margin-bottom:10px;}
		
	/*boîtes partenaires et services*/
	#partenaires_et_services {width:100%; text-align:left; font-size:11px;}
		#partenaires, #services {width:133px; float:left; padding:15px 10px; height:70px;}
		#partenaires h5, #services h5, #partenaires h5 a, #services h5 a {color:#0d56ce;}
		#partenaires {background-color:#e8edf2; margin-right:2px;}
		#services {background-color:#f2f4f4; margin-left:2px;}
	/*div contenant les listes déroulantes JS de Ciné-Horaire.com*/
	#cinehoraire {margin:0; padding:0; background: url('http://www.branchez-vous.com/images/design_2009/bg_cinehoraire.gif') no-repeat; width:295px; height:100px;}
	/*boutons Facebook, Twitter, et autres contenus promotionnels de BV*/
	#btn_fans {width:100%; text-align:center;}
		#btn_fans a, #btn_fans a img {border:none; text-decoration:none;}
		/*#btn_fans a img {opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85);}
		#btn_fans a img:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}*/
		
/*STYLES publicité*/
.pub { margin-top:5px; margin-bottom:5px; float:left; width:728px; height:90px;}
.bigbox {width:300px; float:left; margin-bottom:10px; text-align:center;}

/******************************************************************************************************************************** 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:#133fac url('http://www.branchez-vous.com/images/design_2009/bg_boite_contenu_haut_bleu.jpg') repeat-x right top; height:50px; min-height:50px;}
#editeur .boite_contenu_haut {height:35px; min-height:35px;}
#showbizz .boite_contenu_haut, #sport .boite_contenu_haut, #femme .boite_contenu_haut, #voyage .boite_contenu_haut {background: #3e3e40 url('http://www.branchez-vous.com/images/design_2009/bg_boite_contenu_haut_noir.jpg');}
	/*styles pour les titres des boites sur la gauche*/
	.textes_section {width:147px; height:50px; float:left;}
		.textes_section h2 {font-family: Arial, Helvetica, sans-serif; color:#FFF; height:20px; font-size:20px; float:left; padding:7px 0 0 0; margin:0 0 0 7px; width:140px;}
		#editeur div div h2 {width:220px;}
		#nouvellesenrafales div div h2 {width:350px;}
			.textes_section h2 a { color:#FFF;}
		.textes_section span.url_site {height:20px; float:left; font-size:0.9167em; color:#6d8dc8; margin:0 0 0 7px; padding:5px 0 2px 0;}
			.textes_section span.url_site a {color:#6d8dc8;}
		#showbizz .boite_contenu_haut .textes_section span.url_site, #sport .boite_contenu_haut .textes_section span.url_site, #femme .boite_contenu_haut .textes_section span.url_site, #voyage .boite_contenu_haut .textes_section span.url_site, #showbizz .boite_contenu_haut .textes_section span.url_site a, #sport .boite_contenu_haut .textes_section span.url_site a, #femme 			 .boite_contenu_haut .textes_section span.url_site a, #voyage .boite_contenu_haut .textes_section span.url_site a {color:#858687;}
	/*styles pour le coté droit des boites: flèche pour cacher/montrer la boite, et onglets nouveau/populaire*/
	.entete_section {height:50px; width:140px; float:right;}
	#editeur div div.entete_section {width:40px; height:35px;}
		.entete_section div.cacheboite {height:23px; float:right; text-align:right; margin:0 5px 0 0;}
		.entete_section div.onglets { float:right; text-align:right; margin:4px 5px 0 0; width:140px; height:23px;}
			span.off { display:block; float:left; width:67px; height:20px; background:#163066 url('http://www.branchez-vous.com/images/design_2009/onglet_off.jpg') no-repeat left; padding-top:3px; margin-left:2px; text-decoration:none; text-align:center; color:#729ee8; font-size:11px; font-weight:bold; cursor:pointer;}
			span.on { display:block; float:left; width:67px; height:20px; background:#fff url('http://www.branchez-vous.com/images/design_2009/onglet_on.jpg') no-repeat left; padding-top:3px; margin-left:2px; text-decoration:none; text-align:center; color:#00236e; font-size:11px; font-weight:bold; cursor:pointer;}
			span:hover.on, span:hover.off {text-decoration:underline;}
		#info_nouveau_on, #info_populaire_off, #sport_nouveau_on, #sport_populaire_off, #showbizz_nouveau_on, #showbizz_populaire_off, #techno_nouveau_on, #techno_populaire_off, #voyage_nouveau_on, #voyage_populaire_off, #femme_nouveau_on, #femme_populaire_off, #affaires_nouveau_on, #affaires_populaire_off, #video_nouveau_on, #video_populaire_off, #environnement_nouveau_on, #environnement_populaire_off, #auto_nouveau_on, #auto_populaire_off, #contenu_info_nouveau, #contenu_nouvellesenrafales_nouveau {	display:block;}
		#info_nouveau_off, #info_populaire_on, #sport_nouveau_off, #sport_populaire_on, #showbizz_nouveau_off, #showbizz_populaire_on, #techno_nouveau_off, #techno_populaire_on, #voyage_nouveau_off, #voyage_populaire_on, #femme_nouveau_off, #femme_populaire_on, #affaires_nouveau_off, #affaires_populaire_on, #video_nouveau_off, #video_populaire_on, #environnement_nouveau_off, #environnement_populaire_on, #auto_nouveau_off, #auto_populaire_on, #contenu_nouvellesenrafales_populaire  {	display:none;}

/*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 url('http://www.branchez-vous.com/images/design_2009/bg_boite_contenu_bas.jpg') repeat-x bottom left; padding:0 7px 18px 7px;}
	/*effet on/off pour les onglets nouveaux et populaires */
	#contenu_info_nouveau, #contenu_sport_nouveau, #contenu_showbizz_nouveau, #contenu_techno_nouveau, #contenu_voyage_nouveau, #contenu_femme_nouveau, #contenu_affaires_nouveau, #contenu_video_nouveau, #contenu_environnement_nouveau, #contenu_auto_nouveau {display:block;}
	#contenu_info_populaire, #contenu_sport_populaire, #contenu_showbizz_populaire, #contenu_techno_populaire, #contenu_voyage_populaire, #contenu_femme_populaire, #contenu_affaires_populaire, #contenu_video_populaire, #contenu_environnement_populaire, #contenu_auto_populaire {	display:none;}
	/*STYLES pour les contenus INFO, TECHNO et AFFAIRES*/
	.boite_contenu_milieu div ul { list-style: none; width:100%; margin:0; padding:0;}
		.boite_contenu_milieu div ul li { display:block; vertical-align:middle; border-bottom:1px solid #e8e8e8; margin:0; height:34px; 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:10px; padding-top:20px;padding-right:7px; text-align:right;}
	/*STYLES divers dans les boites de contenus: titres, entetes, urls*/
	span.lien_site { display:block; text-align:right; height:23px; color:#0429a3; font-size:11px; 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 {font-size:16px; height:20px; padding:10px 5px 10px 7px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#0429a3; border-top: 1px solid #e8e8e8;}
		.boite_contenu_milieu div h3 a { color:#0d56ce; float:left;}
		.boite_contenu_milieu div h3 a:hover {}
	.boite_contenu_milieu div h4 {height:20px; border-top: 1px solid #dce2ef; background-color:#e8edf2; padding:2px 7px 0 7px;}
	#cinehoraire h4, #horoscope h4 {height:17px; border-top: none; background-color:transparent; padding:5px 7px 0 7px;}
		.boite_contenu_milieu div h4 a {float:left; color:#00236e; padding:2px 10px 0 0;background: url('http://www.branchez-vous.com/images/design_2009/fleche_h4.gif') no-repeat top right;}
		.boite_contenu_milieu div h4 a span {font-size:11px;}
		.boite_contenu_milieu div h4 span.site_affiliation, .boite_contenu_milieu div h3 span.site_affiliation {float:right; margin:0; padding:0;}
		.boite_contenu_milieu div h4 span.site_affiliation a {font-size:11px; background:none;color:#0429a3; font-weight:normal;}
		.boite_contenu_milieu div h3 span.site_affiliation {padding-top:4px; color:#333;}
		.boite_contenu_milieu div h3 span.site_affiliation a {color:#333;font-size:12px; background:none; margin:0; padding:0;}
		
	/*STYLES pour les contenus Opinions, Blogues Techno, les blogues de Affaires et la dernière critique cinéma*/
		div.blogue div.contenu_blogue {}
			div.blogue div.contenu_blogue a {font-size:12px;}
			div.blogue div.contenu_blogue a.commentaires {font-size:11px !important; color:#0429a3;}
		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;}
	/*STYLES pour les contenus des listes animés avec effet rollover pour l'image accompagnatrice du titre
	  Boites SPORT, SHOWBIZZ Cinéma Musique et Télévision, JEUX' VOYAGE, FEMME, AUTO*/
	.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 la boîte météo*/		
	#meteo {margin:0; padding:0; text-align:center; background-color:#CCC; height:62px; width:295px; background: url('http://www.branchez-vous.com/images/design_2009/bg_meteo.jpg') no-repeat;}
		.meteo_accueil {margin:0; padding:0; float:left; width:140px; text-align:left; padding-left:5px; padding-top:10px;}
		.meteo_accueil img {margin-right:5px; vertical-align:middle;float:left;}
		.meteo_accueil a.nomVille {float:left;}
		.meteo_accueil a.temp {float:right;margin-right:15px; color:#0429a3;}
		.bas_boite_meteo {height:15px; padding:5px 5px 0 0;}
	/*Style pour le <select> de Ciné-Horaire.com et Horoscope avec jQuery*/
	#formulaire_cinehoraire, #formulaire_horoscope {background-color: transparent; margin-top:10px; margin-left:5px;}
	#formulaire_cinehoraire form select, #formulaire_horoscope form select {background-color:transparent; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#0d56ce; width:285px; height:25px;}
	div.cmf-skinned-select {background: url('http://www.branchez-vous.com/images/design_2009/bg_dropdown.gif') top right no-repeat; padding:5px 0; width:280px; height:22px; margin-bottom:5px; }
	.large div div div div div div div.cmf-skinned-select, .large div div div div div div.cmf-skinned-select {background: url('http://www.branchez-vous.com/images/design_2009/bg_dropdown_4cols.gif') top right no-repeat;}
	div.cmf-skinned-text {padding: 3px 10px 10px 10px;}
	/*STYLES pour les <select> POPULAIRES de INFO TECHNO et AFFAIRES avec jquery*/
	div.cmf-skinned-select2 {background:#fff url('http://www.branchez-vous.com/images/design_2009/bg_dropdown2.gif') top right no-repeat ; width:135px; height:32px; float:right;}
	#contenu_info_populaire form, #contenu_techno_populaire form, #contenu_affaires_populaire form {/*border-top:1px solid #e8e8e8;*/ /*border-bottom:1px solid #e8e8e8;*/ padding:4px 7px 13px 7px; text-align:right; background-color:#FFF;}
	#contenu_info_populaire form select, #contenu_techno_populaire form select, #contenu_affaires_populaire form select {background-color:#fff; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#0d56ce; width:140px; height:20px; margin-left:10px;}
	.visite_titre_1, .visite_titre_2 {display:none; margin:0; padding:0; height:0; width:0;}
	#onglet_jour_visite_info, #onglet_jour_visite_techno, #onglet_jour_visite_biz {display:block; margin:0; padding:0;}
	#onglet_semaine_visite_info, #onglet_semaine_visite_techno, #onglet_mois_visite_techno, #onglet_semaine_visite_biz, #onglet_mois_visite_biz {display:none; margin:0; padding:0;}
	#onglet_jour_visite_info ol, #onglet_semaine_visite_info ol, #onglet_jour_visite_techno ol, #onglet_semaine_visite_techno ol, #onglet_mois_visite_techno ol, #onglet_jour_visite_biz ol, #onglet_semaine_visite_biz ol, #onglet_mois_visite_biz ol {margin:0; padding:0; list-style-position:inside; list-style-type:decimal; }
	#onglet_jour_visite_info ol li, #onglet_semaine_visite_info ol li, #onglet_jour_visite_techno ol li, #onglet_semaine_visite_techno ol li, #onglet_mois_visite_techno ol li, #onglet_jour_visite_biz ol li, #onglet_semaine_visite_biz ol li, #onglet_mois_visite_biz ol li {margin:0; padding:4px 7px; height:29px; border-bottom:1px solid #e8e8e8;}
	
/*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;}

/*FONCTIONNALITÉS tooltip pour les boutons de versions d'accueil*/
div.bg_version_accueil {/*background-color:#FF9;*/ margin:0; padding:0 4px; float:right; text-align:left;}
#accueil_2colonnes {display:none; width:120px; padding:10px; z-index:50000; overflow:hidden; position:absolute; /*zoom:1;*/ top:40px; right:20px; background-color:#FF9; border:1px solid #666; font-size:11px; text-align:left;}
#accueil_3colonnes {display:none; width:120px; padding:10px; z-index:50000; overflow:hidden; position:absolute; /*zoom:1;*/ top:40px; right:10px; background-color: #FF9; border:1px solid #666; font-size:11px; text-align:left;}
#accueil_4colonnes {display:none; width:120px; padding:10px; z-index:50000; overflow:hidden; position:absolute; /*zoom:1;*/ top:40px; right:0; background-color:#FF9; border:1px solid #666; font-size:11px; text-align:left;}
#accueil_2colonnes img, #accueil_3colonnes img, #accueil_4colonnes img {border:none; text-decoration:none; background-color:#999; text-align:center;}
#accueil_2colonnes span, #accueil_3colonnes span, #accueil_4colonnes span {color:#0429a3;}

/*FONCTIONNALITÉS pour NOUVELLES EN RAFALES - Page 1 colonne */
ul#accueilNouvellesEnRafales li {height:100%; padding:4px 0; margin:0;}
ul#accueilNouvellesEnRafales li div.nomSectionDuSite {float:left; margin:0; padding:0; background-color:#e8edf2; width:55px; height:15px; color:#303031; font-weight:bold; padding:5px; font-size:11px; margin-top:14px;}
ul#accueilNouvellesEnRafales li div.nomSectionDuSite a {color:#303031; font-size:11px;} 
ul#accueilNouvellesEnRafales li .contenu_nouvellesenrafales div.imageEnRafales {float:left; margin:0 5px; padding:0; width:107px; height:53px;}
ul#accueilNouvellesEnRafales li .contenu_nouvellesenrafales div.imageEnRafales a, ul#accueilNouvellesEnRafales li .contenu_nouvellesenrafales div.imageEnRafales a img {border:none; text-decoration:none; margin:0; padding:0;}
ul#accueilNouvellesEnRafales li .contenu_nouvellesenrafales div.div_contenu_liste_actualites {float:left; margin:0; padding:0; width:430px; display:inline;}
ul#accueilNouvellesEnRafales li .contenu_nouvellesenrafales div.div_contenu_liste_actualites, ul#accueilNouvellesEnRafales li .contenu_nouvellesenrafales div.div_contenu_liste_actualites a {font-size:1em; color:#afb1b7;}
ul#accueilNouvellesEnRafales li .contenu_nouvellesenrafales div.div_contenu_liste_actualites a.titre {font-size:1.167em; color:#0429a3;  display:block;}
ul#accueilNouvellesEnRafales li .contenu_nouvellesenrafales div.div_contenu_liste_actualites span.heure {background-color:#f1f1f1; color:#a8b5ce; width:50px; margin:0; padding:3px; height:100%;}
ul#accueilNouvellesEnRafales li .contenu_nouvellesenrafales {margin:0; padding:0; float:right; width:550px;}

/*FONCTIONNALITÉS LARGE*/ 
#cadre.large { width:1230px; padding-left:0;}
#col_gauche.large, #col_centre.large, #col_droite.large, #col_droite_sup.large { width:300px; margin-right:8px;}
#col_droite.large {margin-left:5px;}
#col_droite_sup.large {margin:0;}

#special.large {width:612px;}
.large #BVaccueilPromo { width:612px;}
.large #BVaccueilPromo ul, .large #BVaccueilPromo ul li {width:306px;}
.large #partenaires, .large #services {width:128px;}
.large div.blogue div.avecImage {width:160px;}
.large div.blogue_animation ul.content {width:177px;}
.large #meteo, .large #cinehoraire {width:285px;}
.large #meteo .meteo_accueil {width:135px;}
.large #formulaire_cinehoraire form select, .large #formulaire_horoscope form select {width:275px;}