﻿
/* CSS Document */
@import url("commun.css");


#bande_haut{border-bottom:24px solid #d4dee8;}



h1{display:none;}
h2{float:left;padding:1px 0px;margin:0px;font-size:1.3em;color:#ffffff;}
div#bc_modifications_circulation h2{letter-spacing: -1px;}


/*
h2{font-size:140%;margin:0px;
}*/
h3{font-size:120%;margin:0px;
}

a:link {text-decoration:none;color:#00287a }
a:visited {text-decoration:none;color:#00287a}
a:active {text-decoration:none;color:#00287a}
a:hover {text-decoration:underline;color:#666666}

/******************************** BANDE MENU **********************************/


#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:link {color:#FFFFFF;text-decoration:none; }
#bh_menu ul li a:visited {color:#FFFFFF; text-decoration:none;}
#bh_menu ul li a:active {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:#a32b37;margin-left:5em;}

#bh_menu_affaires{background-color:#3894df;margin-left:5em;}


/********************** PHOTO VISUEL ****************************/
#bc_visuel{margin-bottom:15px;
/*float:left;*/
}

/*#bc_visuel{
float:left;
background-image:url(/img/ph_visuel_accueil_nov.jpg)}*/


/********************** ZONE CONTENU ****************************/
/*
#bande_contenu{margin-top:20px;}
#bande_contenu a:link {text-decoration:none; }
#bande_contenu a:visited {text-decoration:none; }
#bande_contenu a:active {text-decoration:none; }
#bande_contenu a:hover {text-decoration:underline; }

#bande_contenu div{}
*/
/****************** COLONNES *********************************/
#bc_col3 ul li{list-style-image: url('../img/point_rouge.jpg');}
#bc_col2 ul li{list-style-image: url('../img/point_rouge.jpg');}
#bc_col1 ul li{list-style-image: url('../img/point_rouge.jpg');}
#bande_contenu ul{margin:0px;padding:0px;padding:0px 0px 0px 20px;}

#bc_col1{width:290px;float:left;}
#bc_col2{margin-left:20px;width:290px;margin-top:0px;float:left;}
#bc_col3{width:340px;margin-left:20px;float:left;}

div.bande_titre{background-color:#205196;float:left;width:95%;margin-bottom:5px;padding-left:10px;}
div#bc_autresactualites h2{float:left;padding:1px 0px;margin:0px;font-size:1.3em;color:#333;}
div.bande_titre h2{float:left;padding:1px 0px;margin:0px;font-size:1.3em;color:#ffffff;}
div.pictos_abonnement{float:right;width:40px;}
div.pictos_abonnement img{margin-left:3px;margin-top:3px;}



/*-----------------------Boites (styles pour plusieurs boites)----------------------*/
div#bc_liens_rapides ul{clear:both;}
div#bc_clienteles ul{clear:both;}
div#bc_actualites ul{clear:both;}
div#bc_autresactualites ul{clear:both;}
div#bc_modifications_circulation ul{clear:both;}
div#bc_sujetsheure ul{clear:both;}
div#bc_apropos ul{clear:both;}
div#bc_sujetsheure ul, div#bc_actualites {margin-top:-25px;}
div#bc_modifications_circulation ul{margin-top:10px;}
div#bc_autresactualites ul, div#bc_clienteles ul{margin-top:-16px;}
div#bc_idees_sorties div.bande_titre{margin-top:0px;}
div#bc_autresactualites ul{padding-top:15px}
div#bc_clienteles ul li{margin-bottom:0.5em}
div#bc_autresactualites ul li{margin-bottom:0.5em}
div#bc_modifications_circulation ul li{margin-bottom:0.5em}
div#bc_liens_rapides ul li{margin-bottom:0.5em}
div#bc_sujetsheure ul li{margin-bottom:0.5em}
div#bc_apropos ul li{margin-bottom:0.5em}
div#bc_liens_rapides{margin-top:2.5em;}


div#bc_modifications_circulation{margin-top:2.5em;margin-top:55px}
div#bc_apropos{width:100%;
}
div#bc_actualites{
	margin-top:25px;
}

div #bc_sujetsheure{margin-top:2.5em;}


/*------------------------------------lien a droite ex: toutes idees-----------------*/

div.sousliensdroite{
	text-align:right;
	font-size:85%;
	margin-top:-3px;
	}

div.sousliensdroite p a{color:#333;text-decoration:none;}
div.sousliensdroite p a:link {color:#333;text-decoration:none; }
div.sousliensdroite p a:visited {color:#333; text-decoration:none;}
div.sousliensdroite p a:active {color:#333; text-decoration:none;}
div.sousliensdroite p a:hover {color:#333; text-decoration:underline; }
#bc_sujetsheure div.sousliensdroite{margin-top:6px;}

/************************  A 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;
}
/*********************** SUJETS DE L'HEURE **************************/
div#bc_sujetsheure{margin-top:0px;float:left;margin-bottom:20px;
}
div#bc_sujetsheure ul {margin-bottom:0px;}

/************************ AUTRES SUJETS D'ACTUALITES ************************/
div#bc_autresactualites{
	padding-top:10px;clear:both;border-top:3px solid #d4dee8;margin-top:10px;
}
div#bc_autresactualites h2{margin-left:3px;}
html>body div#bc_autresactualites h2{margin-left:8px;}

/******************** IDEES DE SORTIES ***************************/

/*
#bc_idees_sorties{}*/
#bc_idees_sorties div.idees{clear:both;margin-top:5px;}
#bc_idees_sorties div.idees p{float:left;padding:0em 4px 0px 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 div{clear:both;}
html>body #bc_idees_sorties div img{margin-bottom:0em;padding-right:10px;}

/******************** CIRCULATION ET STATIONNEMENT (Anciennement MODIFICATIONS À LA CIRCULATION) **********/


/***************** GRANDS RDV *************************************/
#bc_grands_rdv{background-color:#dce4ef;border:3px silver solid;margin-bottom:20px;text-align:center;width:100%;}
#bc_grands_rdv h2{font-size:180%;color:#6e7985;width:100%;margin-bottom:10px;}
#bc_grands_rdv h3{color:#00287A}
#bc_grands_rdv #bc_grands_rdv_2 p{font-size:85%;margin:0px;}
#bc_grands_rdv #bc_grands_rdv_1 p{font-size:85%;margin:0px;}
#bc_grands_rdv #bc_grands_rdv_2 p img{margin:5px 0px;}
#bc_grands_rdv #bc_grands_rdv_1 p img{margin:5px 0px;}
#bc_grands_rdv_1{margin-left:5px;float:left;}
#bc_grands_rdv div.sousliensdroite p{margin:3px 3px;}
/*
#bc_grands_rdv_2{float:right
}*/
/************************ LIENS RAPIDES ***************************/
div#bc_liens_rapides{clear:both;margin-top:15px;
}
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 2em;}
div#bc_liens_rapides select option.listfondfonce{background-color:#edf3f9;}
div#bc_liens_rapides select option.listfondpale{background-color:#f4f8fc;}

/* A propos */
#bc_apropos2 a{color:#FFFFFF;font-family: Helvetica,Arial, sans-serif;margin-top:0px;}


#bc_apropos2 div a:link h3{color:#FFFFFF;text-decoration:none;}
#bc_apropos2 div a:visited h3{color:#FFFFFF;text-decoration:none;}
#bc_apropos2 div a:active h3 {color:#FFFFFF;text-decoration:none;}
#bc_apropos2 div a:hover h3{color:#FFFFFF;text-decoration:underline;}



#bc_apropos2 a h3{padding:2px;padding-left:6px;padding-top:0px;font-weight:normal;
}


#bc_apropos2 div{width:104px;float:left;background-color:#21578a;margin-left:13px;
}

#bc_apropos2 div.first{margin-left:0px;
}

#bc_apropos2 div img{border:2px solid #21578a;
}



/* Clientèles */


#bc_clienteles{margin-right:0px;padding-right:0px;width:100%;
}
#bc_clienteles a{color:#000000;font-size:120%;font-family: Helvetica,Arial, sans-serif;margin-top:0px;}


#bc_clienteles div a:link p{color:#000000;text-decoration:none;}
#bc_clienteles div a:visited p{color:#000000;text-decoration:none;}
#bc_clienteles div a:active p{color:#000000;text-decoration:none;}
#bc_clienteles div a:hover p{color:#000000;text-decoration:none;}

#bc_clienteles div a:link h3{color:#828282;text-decoration:none;}
#bc_clienteles div a:visited h3{color:#828282;text-decoration:none;}
#bc_clienteles div a:active h3{color:#828282;text-decoration:none;}
#bc_clienteles div a:hover h3{color:#000000;text-decoration:none;}


#bc_clienteles a h3{font-weight:normal;}


#bc_clienteles div{margin-top:10px;border-top:1px solid #d4dee8;padding-top:5px;
}
#bc_clienteles div.first, #bc_clienteles div div{margin-top:0px;border:0 none;padding-top:0px;

}

#bc_clienteles div div.txt_clienteles, #bc_clienteles p{float:left;
}
#bc_clienteles div div.txt_clienteles {width:60%;padding:0px 10px 0px 15px;}
#bc_clienteles div div.txt_clienteles p{font-size:80%;
}







/*-----------------------logos------------------------------*/
div#logoautresvilles{
	clear: both;
	text-align: center;
	vertical-align: middle;
	border-top-color: #d4dee8;
	border-top-style: solid;
	border-top-width: 3px;
}

div#logoautresvilles ul{margin-left:15%;margin-top:0px;}
div#logoautresvilles ul li{
	list-style: none;
	float: left;
	margin-left:58px;
}
div#logoautresvilles ul li#charlevoix img{margin-top:30px;}

div#logoautresvilles ul li#saguenay img{margin-top:10px;}
p#notelogo{color:#6e7999;font-weight:bold;margin-top:10px;}
