/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Bitumar
// Note   : Les font-size doivent êtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 00 mois 0000
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */
@import url(abso.thickbox.css);

/*- Général -------------------------------------------------------------------*/
body {
	font-family:Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	background: #06172f;
}
h1{
	color:#053c62;
	font-size:1.8em;
	margin:30px 0 0 0;
}
h2{
	color:#053c62;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
	margin:10px 0 0 0;
}
h3{
	color:#053c62;
	font-size:1.2em;
	padding-bottom:16px;
	margin-bottom:22px;
}
p{
	font-size:1.1em;
	color:#7e8590;
	line-height:1.6em;
	margin:6px 0 12px 0;
}
a{
	color:#0b96b7;
}
a:hover, a.Actif{
	color:#053c62;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
#Wrapper {
	width: 970px;
	margin: 0 auto;
	text-align:left;
}
#BlocMenu{
	height:95px;
	background:#06172f url(../images/Bg_Menu.png) repeat-x bottom left;
	position:relative;
}
#BlocMenu #LogoBitumar{
	margin:22px 0 0 7px;
}
#BlocMenu #LogoPrint{
	display:none;
}
#NavFixe {
	width:347px;
	height:44px;
	background:url(../images/Bg_NavFixe.png) no-repeat 0 0;
	position:absolute;
	top:0;
	right:37px;
}
#NavFixe li{
	background:url(../images/Puce_NavFixe.gif) no-repeat right 3px;
	float:left;
	padding:0 12px 0 0;
	margin:13px 0 0 13px;
	display:inline;
}
#NavFixe li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#a8b5c7;
	text-decoration:none;
}
#NavFixe li a:hover, #NavFixe li a.Actif {
	color:#01acd5;
}
#MenuPrincipal{
	position:absolute;
	top:43px;
	left:164px;
}
#MenuPrincipal li{
	float:left;
}
#MenuPrincipal li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:52px;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.Actif{
	background-position:0 -52px !important;
}
#BasPage{
	width:964px;
	padding:0 6px 20px 0;
}
#BasPage p, #BasPage a{
	color:#4f5764;
	font-family:Tahoma, Verdana;
	text-align:right;
	margin-top:8px;
}
#BasPage a{
	text-decoration:none;
	border-left:1px solid #4f5764;
	margin-left:14px;
	padding-left:14px;
}
#BasPage a:hover{
	color:#01ACD5;
}
.Clearer{
	clear:both;
}
div.hr {
	height:1px;
	background:url(../images/Img_SeparateurPointille.gif) repeat-x 0 0;
	margin:27px 0 0 0;
	overflow:hidden;
}

/*- Styles spéciaux pour le Splash ---------------------------------------*/
#Wrapper.Splash{
	width:960px;
	margin:0 auto;
}
#Wrapper.Splash #FlashContent{
	width:960px;
	height:467px;
}
#Wrapper.Splash #BasPage{
	position:relative;
}
.SplashBtn{
	background:url(../images/Img_SplashBoutons.gif) no-repeat 0 0;
	width:148px; /* Réel: 242px */
	height:21px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#FFF !important;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	padding:5px 94px 0 0 !important;
	position:absolute;
	top:40px;
}
.SplashBtn.Anglais{
	left:170px;
}
.SplashBtn.Francais{
	left:574px;
}

/*- Styles spéciaux pour la page d'accueil ----------------------------------------*/
#BlocContenuAcc{
	position:relative;
}
#FlashAccueil{
	width:970px;
	height:204px;
	z-index:1;
}
#BlocContenuAcc .TopSlice{
	position:absolute;
	z-index:99;
	top:189px;
	left:0;
	width:970px;
	height:15px;
	display:block;
	background:url(../images/Bg_AccueilTop.png) no-repeat 0 0;
}
#BlocContenuAcc #Contenu{
	/*position:absolute;
	z-index:100;
	top:200px;
	left:0;*/
	position:relative;
	width:970px;
	background:#FFF url(../images/Bg_Accueil.png) no-repeat 0 0;
}
#BlocContenuAcc #Contenu .ColG{
	float:left;
	margin-left:22px;
	margin-top:97px;
	width:552px;
	display:inline;
	background:#FFF;
}
#BlocContenuAcc #Contenu .ColD{
	float:right;
	width:360px;
	margin:29px 0 0 0;
}
#BlocContenuAcc h3{
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
}
#BlocContenuAcc p{
	margin:8px 0 0 0;
}
.BlocPartenaires{
	background:url(../images/Bg_PartenairesAcc.gif) repeat-x 0 0;
	height:102px;
	width:945px;
	padding-left:25px;
	margin-top:40px;
	overflow:hidden;
}
.BlocPartenaires ul{
	clear:both;
}
.BlocPartenaires ul li{
	float:left;
	padding:0 25px 0 25px;
	display:block;
	border-right:1px solid #e9e9e9;
	margin-bottom:40px;
}
.BlocPartenaires h2.Partenaires{
	margin:5px 0 18px 14px !important;
	float:left;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
}
.BlocPartenaires ul li a{
	
}
#BlocPanneaux{
	padding:6px 0 0 0;
	position:absolute;
	top:189px;
	left:22px;
	z-index:100;
}
#BlocPanneaux a:hover{
	text-decoration:underline;
}
.Panneau{
	width:143px;
	height:106px;
	float:left;
	margin-right:3px;
	padding:0 19px 0 19px;
}
.Panneau h2{
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	margin:26px 0 16px 0;
}
.Panneau.Montreal{
	background:url(../images/Img_PanneauGauche.jpg) no-repeat 0 0;
}
body#lang-FR .Panneau.Montreal h2{
	background:url(../images/Img_PanneauMontreal_FR.gif) no-repeat 0 0;
	width:86px;
}
body#lang-EN .Panneau.Montreal h2{
	background:url(../images/Img_PanneauMontreal_EN.gif) no-repeat 0 0;
	width:86px;
}
.Panneau.Hamilton{
	background:url(../images/Img_PanneauCentre.jpg) no-repeat 0 0;
}
.Panneau.Hamilton h2{
	background:url(../images/Img_PanneauHamilton.gif) no-repeat 0 0;
	width:75px;
}
.Panneau.Baltimore{
	background:url(../images/Img_PanneauDroite.jpg) no-repeat 0 0;
}
.Panneau.Baltimore h2{
	background:url(../images/Img_PanneauBaltimore.gif) no-repeat 0 0;
	width:85px;
}
.Panneau a, .Panneau a:hover{
	font-size:1.1em;
	color:#FFF;
	text-decoration:none;
}
.BlocCompagnie{
	padding:0 26px 0 26px;
}
.BlocSurveiller p{
	padding:0 28px 0 0;
}
.BlocSurveiller h3{
	margin-bottom:15px !important;
}
.Date, .Titre{
	color:#0a9dbb;
}
.Titre{
	font-weight:bold;
}
.Titre a{
	text-decoration:none;
}

/*- Styles spéciaux pour les pages intérieures ------------------------------------*/
/*#FlashContent{
	height:113px;
	width:970px;
	background:url(../images/Bg_BlocContenu.jpg) no-repeat 0 0;
}*/
#BlocContenuInt{
	width:970px;
	/*padding-bottom:100px;*/
	position:relative;
	background:#FFF;
}
/*#BlocContenuInt .BlocPartenaires{
	background:url(../images/Bg_Partenaires.png) no-repeat 0 10px;
	margin:62px 0 0 4px;
}*/
#BlocContenuAcc .BlocPartenaires h2.Partenaires{
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
}
/*#BlocContenuInt .BlocPartenaires ul li{
	width:217px;
	margin-left:20px;
}
#BlocContenuInt .BlocPartenaires ul li a{
	width:193px;
	padding:25px 0 25px 0;
	display:block;
	border-bottom:1px solid #e9e9e9;
	text-align:center;
}*/
#MenuSecondaire{
	width:249px;
	background:#FFF url(../images/Bg_MenuSecondaire.png) no-repeat top right;
	margin:0 0 0 0;
	float:left;
	min-height:500px;
	height:auto !important;
	height:500px;
}
#MenuSecondaire .Menu{
	width:237px;
	margin:5px 0 0 4px
}
#MenuSecondaire .Menu li{
	margin-bottom:1px;
}
#MenuSecondaire .Menu li a{
	width:237px;
	height:41px;
	background:#ddddde url(../images/Puce_MenuSecondaire.gif) no-repeat 215px 18px;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	color:#7e8590;
	text-decoration:none;
	line-height:41px;
	text-indent:14px;
}
#MenuSecondaire .Menu li a:hover, #MenuSecondaire .Menu li a.Actif{
	background-color:#08588f;
	color:#FFF;
}
#BlocContenuInt #Contenu{
	margin:-46px 0 0 6px;
	float:left;
	background:#FFF;
	position:relative;
}
#BlocContenuInt .Entete{
	display:block;
}
#BlocContenuInt #Contenu #WrapperContenu{
	width:669px;
	margin-left:23px;
}
#BlocContenuInt #Contenu #WrapperContenu ul{
	margin:0 0 12px 0;
}
#BlocContenuInt #Contenu #WrapperContenu ul li{
	font-size:1.1em;
	color:#7e8590;
	line-height:1.6em;
	margin:6px 0 6px 0;
	background:url(../images/Puce_Liste.gif) no-repeat 2px 9px;
	padding-left:15px;
}
#WrapperContenu .ColG, #WrapperContenu .ColD{
	float:left;
}
#WrapperContenu .ColG{
	width:410px;
}
#WrapperContenu .ColD{
	width:229px;
	display:inline;
	margin-left:20px;
}
#MenuListe{
	width:229px;
	height:200px;
	background:url(../images/Bg_ListeDroite.png) no-repeat 0 0;
	margin-top:17px;
}
#MenuListe h2{
	text-transform:uppercase;
	margin:9px 0 0 22px;
}
#BlocContenuInt #Contenu #WrapperContenu #MenuListe ul{
	margin:26px 0 0 22px;
	width:190px;
}
#BlocContenuInt #Contenu #WrapperContenu #MenuListe ul li{
	background:none !important;
	padding:0 !important;
	font-weight:bold;
}

/*- Styles spéciaux pour la carte ---------------------------------------------*/
.CarteAmerique{
	float:left;
	width:363px;
}
.CarteAmerique img{
	display:block;
}
.BlocLocalisation{
	float:left;
	width:306px;
}
.CarteLocalisation{
	position:relative;
	width:291px;
	height:185px;
	background:url(../images/Img_CarteLocalisation.png) no-repeat 0 0;
	margin-top:35px;
}
.BlocInfo{
	width:306px;
	position:relative;
	padding-top:17px;
	display:none;
}
.BlocInfo.On{
	display:block;
}
.BlocInfo p{
	line-height:1.4em;
	font-size:1.1em;
	margin:0;
	width:177px;
	padding-left:3px;
}
.BlocInfo .Titre{
	font-size:1.2em;
	color:#053c62;
}
.BlocInfo img{
	position:absolute;
	top:20px;
	right:18px;
}
a#ZoneMontreal, a#ZoneHamilton, a#ZoneBaltimore{
	width:21px;
	height:21px;
	position:absolute;
	display:block;
	cursor:pointer;
}
a#ZoneMontreal{
	top:16px;
	left:158px;
}
a#ZoneMontreal:hover, a#ZoneMontreal.On{
	left:89px;
	width:87px;
	height:25px;
	background:url(../images/Img_LocalisationMontreal.png) no-repeat 0 0;
}
a#ZoneHamilton{
	top:71px;
	left:78px;
}
a#ZoneHamilton:hover, a#ZoneHamilton.On{
	left:15px;
	width:84px;
	height:25px;
	background:url(../images/Img_LocalisationHamilton.png) no-repeat 0 0;
}
a#ZoneBaltimore{
	top:139px;
	left:137px;
}
a#ZoneBaltimore:hover, a#ZoneBaltimore.On{
	left:68px;
	width:90px;
	height:25px;
	background:url(../images/Img_LocalisationBaltimore.png) no-repeat 0 0;
}


/*- Styles pour formulaires ----------------------------------------------------*/
.Formulaire{
	width:500px;
	border:1px solid #ebebeb;
	padding:3px 3px 20px 3px;
	margin-top:20px;
}
.Formulaire .Entete{
	background:url(../images/Bg_EnteteFormulaire.gif) repeat-x 0 0;
	padding:0 0 0 17px;
}
.Formulaire .Corps{
	padding:0 7px 0 7px;
}
.Formulaire p{
	padding-left:100px;
	margin:0 0 6px 0;
	color:#053c62;
}
.Formulaire p label{
	float:left;
	margin-left:-90px;
}
.Formulaire p label span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.Formulaire p label span.TxtErreur{
	color:#FF0000;
	position:absolute;
	background:#FFF;
}
.Formulaire .Erreur{
	margin:0 0 18px 0;
}
.Formulaire .Erreur ul li{
	background:none !important;
	margin:0 !important;
	padding:0 0 0 8px !important;
	color:#FF0000 !important;
}
.TxtBox, .TxtArea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#888686;
	height:12px;
	padding:2px 4px 2px 4px;
	border:1px solid #e9e4e7;
}
.SelectList{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#888686;
	height:18px;
	border:1px solid #e9e4e7;
}
.BtnForm, .BtnForm:hover{
	background:url(../images/Bg_Boutons.gif) no-repeat top right;
	padding:4px 46px 4px 11px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:10px;
}
.TxtErreur {
	font-size: 1.1em;
	color: #FF0000;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	font-size: 1.1em;
	color: #FF9933;
}
.TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #ddddde;
	padding:5px;
}
img.ImageGauche {
	border: 1px solid #ddddde;
	margin:	0 12px 5px 0;
	padding:5px;
	float: left;
}
img.ImageDroite {
	border: 1px solid #ddddde;
	margin: 0 0 5px 12px;
	padding:5px;
	float: right;
}

/*- Classes pour les tableaux ----*/
table.Tableau {
	border:3px solid #ddddde;
	font-size: 1.1em;
	color:#7e8590;
	margin:20px 0 20px 0;
}
.Tableau td{
	padding:11px 18px 11px 18px;
}
.Tableau p{
	margin:0;
}
td.CelluleTitre {
	font-weight:bold;
	color:#FFF;
	background:#1d7fae url(../images/Bg_CelluleTitre.gif) repeat-x 0 0;
	vertical-align:top;
	text-transform:uppercase;
	border-bottom:2px solid #ddddde;
}
td.CelluleSousTitre {
	font-weight:bold;
	border-right:3px solid #ddddde;
}
td.CelluleTexte, td.CelluleTexteAlt{
	border-bottom:2px solid #ddddde;
}
td.CelluleTexteAlt{
	background-color:#eeeeef;
}
/*--------------------------------------------------------------------------*/

.thickbox img{
    border:1px solid #ddddde !important;
    background:#FFF !important;
    padding:1px !important;
    margin-right:5px;
    margin-bottom:5px;
}
.ContenuSecondaire{
    padding:10px;    
}
ul#SiteMap li{
    font-size:11px !important;
}