/* 
DESCRIPTION : CSS pour les styles de la page d'accueil du site Internet 
PAGE : Index.aspx
CREATION : 2008 - SG / DG
MISE À JOUR COMPLÈTE : 2011-03-24 David G.
*/

@import url("commun.css");

/* General */
h1{display:none;}
h2{float:left;padding:1px 0px;margin:0px;font-size:1.3em;color:#ffffff;}
h3{font-size:120%;margin:0px;}
a{text-decoration:none;color:#00287a }
a:hover {text-decoration:underline;color:#666666}
.clear{clear:both;}
.center{text-align:center;}
.left{text-align:left;}

/* Boîtes */
div#bc_environnement ul{clear:both;}
div#bc_apropos ul{clear:both;}
div#bc_sujetsheure ul{clear:both;}
div#bc_modifications_circulation ul{clear:both;}
div#bc_autresactualites ul{clear:both;}
div#bc_actualites ul{clear:both;}
div#bc_liens_rapides ul{clear:both;}
div#bc_sujetsheure ul  {margin-top:-25px;}
div#bc_actualites  {margin-top:-25px;}
div#bc_modifications_circulation ul{margin-top:10px;}
div#bc_autresactualites ul{margin-top:-16px;}
div#bc_idees_sorties div.bande_titre{margin-top:0px;}
div#bc_autresactualites ul{padding-top:15px}
div#bc_environnement ul li{margin-bottom:0.5em}
div#bc_apropos ul li{margin-bottom:0.5em}
div#bc_sujetsheure ul li{margin-bottom:0.5em}
div#bc_liens_rapides ul li{margin-bottom:0.5em}
div#bc_modifications_circulation ul li{margin-bottom:0.5em}
div#bc_autresactualites ul li{margin-bottom:0.5em}
div#bc_liens_rapides{margin-top:2.5em;}
div#bc_apropos{width:100%;margin-top:10px;}
div#bc_environnement{width:100%;padding-bottom:15px;}
div#bc_actualites{margin-top:25px;}
div #bc_sujetsheure{margin-top:2.5em;}

/* Entete */
#bande_haut{border-bottom:24px solid #d4dee8;}

/* Liens rapides */
div#bc_liens_rapides{clear:both;margin-top:0px;}
div#bc_liens_rapides label{display:none;}
div#bc_liens_rapides select#liensrapides{margin:0.5em 0em 1em 0em;}
html> body div#bc_liens_rapides select#liensrapides{margin:0.5em 0em 1em 0em;  }
div#bc_liens_rapides select option.listfondfonce{background-color:#edf3f9;}
div#bc_liens_rapides select option.listfondpale{background-color:#f4f8fc;}
p#bc_liens_rapides select#liensrapides{margin:1em 0em 1em 0em; font-size:0.9em;color:#666666;width:150px; float:right;}
p#bc_liens_rapides label{display:none;}
p#bc_liens_rapides select option.listfondfonce{background-color:#edf3f9;}
p#bc_liens_rapides select option.listfondpale{background-color:#f4f8fc;}
p#bc_liens_rapides{width:200px;float:right; margin-right:25px;}

/* Menu Principal */
#bh_menu{font-size:1.4em;line-height:1.2em;margin-top:-40px;float:left;margin-left:110px;}
#bh_menu ul{list-style:none;margin:0px;padding:0px;}
#bh_menu ul li{height:1.45em;padding-top:0.3em;text-align:center;float:left;color:#FFFFFF;font-weight:bold;width:200px;border:1px solid white;}
#bh_menu ul li a{color:#FFFFFF;text-decoration:none;}
#bh_menu ul li a:hover {color:#FFFFFF; text-decoration:underline; }
#bh_menu_citoyen{background-color:#458622;}
#bh_menu_touristes{background-color:#ae3c34;margin-left:5em;}
#bh_menu_affaires{background-color:#3894df;margin-left:5em;}

/* Bandeau */
#bc_visuel{padding-bottom:15px;}

/* Contenu*/
#bande_contenu ul{margin:0;padding:0;padding:0 0 0 20px;}

/* Titres fond bleu */
div.bande_titre{background:white url('../img/img_accueil_titre_fond.gif') repeat-x top left;float:left;width:95%;margin-bottom:5px;padding:3px 5px 0 10px;height:24px;}
div.bande_titre h2{float:left;padding:1px 0px;margin:0px;font-size:1.3em;color:#ffffff;font-family: Helvetica,Arial, sans-serif;}
div.bande_titre img{padding:2px 0 0 0}
div.bande_titre div.pictos_abonnement{float:right;width:40px;}

/* Liens aligné à droite */
div.sousliensdroite{text-align:right;font-size:85%;margin-top:-3px;}
div.sousliensdroite p a{color:#333;text-decoration:none;}
div.sousliensdroite p a:hover {color:#333; text-decoration:underline; }
#bc_sujetsheure div.sousliensdroite{margin-top:6px;}

/* Colonne 1 */
.bc_col1{width:290px;float:left;}
.bc_col1 ul li{list-style-image: url('../img/point_rouge.jpg');}

/* Clientèles */
#bc_clienteles{margin-right:0px;padding-right:0px;width:100%;}

#bc_clienteles ul a{font-size:100%;/*font-family:Helvetica,Arial, sans-serif;*/
}
.bc_clienteles{clear:both;
}
.bc_clienteles a{color:#000000;font-size:120%;font-family:Helvetica,Arial, sans-serif;margin-top:0px;}
#bc_clienteles div a p{color:#000000;text-decoration:none;}
#bc_clienteles div a:hover p{color:#000000;text-decoration:none;}
#bc_clienteles div h3 a{color:#828282;text-decoration:none;font-weight:normal;color:black;}
#bc_clienteles div h3 a:hover{color:#000000;text-decoration:none;font-weight:normal;color:black;}
#bc_clienteles a h3{font-weight:normal;}
#bc_clienteles div{margin-top:10px;border-top:1px solid #d4dee8;padding-top:5px;}
#bc_clienteles #bc_apropos{border-top:0px none;
}
#bc_clienteles div.first{margin-top:0;border:0 none;padding-top:0;}
#bc_clienteles div div{margin-top:0;border:0 none;padding-top:0;}
#bc_clienteles p{float:left;}
#bc_clienteles div div.txt_clienteles{float:left;}
#bc_clienteles div div.txt_clienteles {width:60%;padding:0 10px 0 15px;}
#bc_clienteles div div.txt_clienteles p{font-size:80%;}

/* À propos */
/*div#bc_apropos div.bande_titre{margin-top:15px;}*/
div#bc_apropos_liens{margin-top:5px;width:65%;float:left;}
div#bc_apropos_img{float:left;width:95px;margin-top:5px;padding-bottom:10px;}

/* Clientèles part. 2 */
div#bc_autresactualites{padding-top:10px;clear:both;border-top:0 none;margin-top:10px;}
div#bc_autresactualites h2{float:left;padding:1px 0;margin:0px;font-size:1.3em;color:#333;}
div#bc_autresactualites h2{margin-left:3px;}
html>body div#bc_autresactualites h2{margin-left:8px;}

/* Colonne 2*/
.bc_col2{margin-left:20px;width:290px;margin-top:0px;float:left;}
.bc_col2 ul li{list-style-image: url('../img/point_rouge.jpg');}
div#bc_modifications_circulation{margin-top:2.5em;margin-top:55px}
div#bc_modifications_circulation h2{letter-spacing: -1px;}
div#bc_modifications_circulation h2.lien{letter-spacing: 0px;font-size:75%;font-weight:lighter;}

/* Sujets de l'heure */
div#bc_sujetsheure{margin-top:0;float:left;margin-bottom:20px;}
div#bc_sujetsheure ul {margin-bottom:0px;}
div#bc_sujetsheure .sujet_top {text-align:center;padding:0 0 5px 0;}

/* Environnement */
div#bc_environnement div.bande_titre{margin-top:15px;}
div#bc_environnement_liens{margin-top:5px;width:65%;float:left;}
div#bc_environnement_img{float:left;width:95px;margin-top:5px;padding-bottom:10px;}

/* Colonne 3 */
.bc_col3{width:340px;margin-left:20px;float:left;}
.bc_col3 ul li{list-style-image: url('../img/point_rouge.jpg');}
.bc_col3 .col3_spotlight {height:270px;}
.bc_col3 .col3_passion {height:214px;}
.bc_col3 .col3_passion {color:#333; text-align: center}

/* Idées de sorties */
#bc_idees_sorties div.idees{clear:both;margin-top:5px;}
#bc_idees_sorties div.idees p{float:left;padding:0 4px 0 2px;}
#bc_idees_sorties div.idees p img{margin-left:-2px;}
#bc_idees_sorties div.idees h3{margin-left:-4px;}
#bc_idees_sorties div.bande_titre{margin-bottom:10px;}
*+html #bc_idees_sorties div.bande_titre{margin-bottom:-5px}
#bc_idees_sorties .titre_idees_sortie{padding-bottom:7px;padding-top:26px;background:white url('../img/accueil_idees_sorties_bg.jpg') no-repeat top left;height:25px;}
#bc_idees_sorties div{clear:both;}
html>body #bc_idees_sorties div img{margin-bottom:0em;padding-right:10px;}

/* Boutons au bas de la page */
.btns_bas {clear:both;border-top:1px solid #d4dee8;margin-top:10px;padding:10px 0 15px 0;height:120px;}
.btns_bas .bc_col3 {text-align:center;padding:10px 0 0 0;}
.btns_bas .bc_col2 {text-align:center;padding:10px 0 0 0;}
.btns_bas .bc_col1 {text-align:center;padding:10px 0 0 0;}

/* Bande défilante */
#bande_defilante {background:url('http://www.ville.quebec.qc.ca/img/bg-top-tempete.jpg') top center repeat-x;width:100%;height:28px;padding:8px 0 0 0;position:absolute;top:0;left:0;}
#bande_defilante .bande_content{margin:0 auto;width:950px;}
#bande_defilante .zone_defilante{padding-right:850px;}
#bande_defilante .zone_defilante .item{padding-right:100px;}
#bande_defilante #TICKER {overflow:hidden;width:820px;float:right;}
#bande_defilante a { color:#00679d;text-decoration:none;}
#bande_defilante a:hover {color:#008dd6;text-decoration:underline;}
#bande_defilante #ff_first {padding-left:820px;}
#bande_defilante #tick_title {color:red;font-weight:bold;float:right;width:130px;}
#bande_defilante table td {border:none;padding:0;}
#bande_defilante tbody {background:none;}