/* _______________________________________
    In GREEN : remarks
   In BLUE :  CSS that have been modified
   In RED :  Classes - ID names for new CSS
   In BLACK : CSS that haven't been touched
    **** Jenny Dubé - Nov. 2007 *****
   _______________________________________*/
/* Jenny Dubé - 9 août 2007 : All CSS in blue have been "un-hard-coded" in order to allow characters scaling.
(CTRL-Scroll. The default size for IE and Firefox is medium, and medium size is equivalent to 12pts (or 1em). We need
to reach 9 pts, so we choose .75 em (or 75%)*/
/* Avoid a exponential reduction or increase in the size of the text when using ctrl-scroll*/
html  {
  font-size: 100%;
}
/* General text */
body  {
  font-size: 75%;
  font-weight: normal;
  font-family: Arial;
  color:#000000;
  text-decoration: none;
  overflow-x: hidden;
  background-color: #B2B2B2;
}
/* fixe-size exponant */
sup {
  font-family: arial,helvetica,sans-serif;
  font-size: .78em;
}
/* The table does not inherite from the body like it should, as this reference found on the internet shows :  "http://developer.mozilla.org/en/docs/Fixing_Table_Inheritance_in_Quirks_Mode : "Browsers from the version-four" : "Browsers from the version-four era, however, treated tables differently. In these browsers, a table's text would be the same size as the user's default settings, regardless of the CSS assigned to ancestor elements such as body. This represented a violation of CSS inheritance rules". If we write nothing, the table would use the default (medium) font-size.*/
table  { 
  font-size: 1em;   /*forces inheritance from body (1em x 75% (body) so the table text is 75%)*/
  font-weight: normal;
  font-family: Arial;
  color:#000000;
  text-decoration: none;
  overflow-x: hidden;
}
/* Fix pour HTML 4.01 Strict - Début */
td {
	text-align:left;
}
/* En Mode Strict, il faut ajouter ceci afin d'enlever les petites espaces sous les images */
/*
td img {
	display:block;
}
*/
/* Fix pour HTML 4.01 Strict - Fin */
/* Fix pour les espaces fantômes de Notes - Début */
p {
	margin-top:0px;
	margin-bottom:0px;
}
/* Fix pour les espaces fantômes de Notes - Fin */
.small  {
  font-size: .9em; /*equivalent to 90% of the parent(body)*/
  font-weight: normal;
  font-family: arial;
  color: #000000;
  text-decoration: none;
}
.smallselect  {
  font-size: 1em; /*force inheritance from .navig - because it's in a SELECT*/  
  font-weight: normal;
  font-family: Arial;
  color: #000000;
  text-decoration: none;
  width: 148px;  /*JFC j'ai changé la largeur , je l'ai augmenter : Voir page Offres d'emplois */
}
/* Show a bottom border below each cell */
.border td {
  border-bottom: solid 1px #CCCCCC;
  padding: 3px;
}
/* Show a bottom border over each cell */
.border2 td {
  border-top: solid 2px #FF0000;
  padding: 3px;
}
/* General links - inherit the size of the parent (table) since it's not redefined*/ 
a:link {
  font-family: Arial; 
  color:#000000;  
  text-decoration:underline;
  cursor:pointer;
 } 
a:visited {
  font-family: Arial; 
  color:#808080; 
  text-decoration:underline;
  cursor:pointer;
} 
a:hover {
  font-family: Arial; 
  color:#FF0000; 
  text-decoration:none;
  cursor:pointer;
}
.events a:link{
  font-family: Arial; 
  color:#FF0000; 
  text-decoration:underline;
  cursor:pointer;
}
.events a:visited{
  font-family: Arial; 
  color:#FF0000; 
  text-decoration:underline;
  cursor:pointer;
}
.events a:hover{
  font-family: Arial; 
  color:#FF0000; 
  text-decoration:none;
  cursor:pointer;
}
/* Links "adaptées à nos diverses clientèles"*/
.clientLink a:link {
  font-size: .75em; /*equivalent to 75% of the parent(table)*/  
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold; 
  color: #000000;
  text-decoration:underline;
}
.clientLink a:visited {
  font-size: .75em; /*equivalent to 75% of the parent(table)*/  
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold; 
  color: #000000;
  text-decoration:underline;
}
.clientLink a:hover {
  font-size: .75em; /*equivalent to 75% of the parent(table)*/  
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold; 
  color: #FF0000;
  text-decoration:underline;
}
/* Links "Call To Action : nouveaux sites"*/
a:link.ctaLink {
  font-size: 1.20em; 
  font-family:arial;
  font-weight:bold; 
  color: #000000;
  text-decoration:none;
  cursor:pointer;
  letter-spacing: -1px;
}
a:visited.ctaLink {
  font-size: 1.20em; 
  font-family:arial;
  font-weight:bold; 
  color: #000000;
  text-decoration:none;
  cursor:pointer;
  letter-spacing: -1px;
}
a:hover.ctaLink {
  font-size: 1.20em;  
  font-family:arial;
  font-weight:bold; 
  color: #FF0000;
  text-decoration:none;
  cursor:pointer;
  letter-spacing: -1px;
}
/* Links on dark background - inherit the size of the parent (table) since it's not redefined*/ 
.aVisitedLight a:visited {
  font-family: Arial, Times, serif;
  color:#E1E1E1; 
  text-decoration:underline;
}
.aVisitedLight a:hover {
  font-family: "Arial", Times, serif; 
  color:#FF0000; 
  text-decoration:none;
}
/* Right navigation panel : *** new sites */
.navigv2 {
  font-size: .9em; /*equivalent to 90% of the parent(body)*/
  color: #FFFFFF;
  text-decoration:none;
}
.navigv2 a:link {  /*these children inherit from the parent (.navigv2)*/
  color: #F7F7F7;
  text-decoration:underline;
}
.navigv2 a:visited {
  color: #FFE118;
  text-decoration:underline;
}
.navigv2 a:hover {
  color: #000000;
  text-decoration:none;
}
.TitleBig {
   font-size:1.3em;
}
.TitleWhiteOnGrey {
   font-size:1.3em;
   color:white;
   font-weight:bold;
   background-color:#808080;
}
.RedTitle {
   font-size:1.5em;
   color:#FF0000;
   font-weight:bold;
   font-family: Arial;
}
/* Social Media Box Title */
.SocialBox{
  font-size:1.4em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
}
/* White titles *** new sites  */
.TitleLink {
  font-size:1.5em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
}
a.TitleLink:link {
  font-size:1.5em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
}
a.TitleLink:visited {
  font-size:1.5em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
}
a.TitleLink:hover {
  font-size:1.5em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #FFFFFF;
  text-decoration:underline;
}
/* White titles *** new sites  */
.TitleLinkNoir {
  font-size:1.5em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #000000;
  text-decoration:none;
}
.TitleLinkNoir:link {
  font-size:1.5em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #000000;
  text-decoration:none;
}
.TitleLinkNoir:visited {
  font-size:1.5em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #000000;
  text-decoration:none;
}
.TitleLinkNoir:hover {
  font-size:1.5em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #000000;
  text-decoration:underline;
}
.smallTitleLink {
  font-size:1.0em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
}
.smallTitleLink:link {
  font-size:1.0em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
}
.smallTitleLink:visited {
  font-size:1.0em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
}
.smallTitleLink:hover {
  font-size:1.0em;  /*equivalent to 150% of the parent(body)*/
 font-weight:normal;
  color: #FFFFFF;
  text-decoration:underline;
}
.smallTitleLinkNoir {
  font-size:1.2em;  /*equivalent to 150% of the parent(body)*/
 font-weight:bold;
  color: #000000;
  text-decoration:none;
}
/* left menu*/
.naviggv2titrenoir {
  font-size: 1.22em; /*equivalent to 122% of the parent (body)*/
  color: #000000;
  text-decoration:none;
  padding-bottom: 0.2cm;
  font-weight : bold;
}
.naviggv2titre {
  font-size: 1.22em; /*equivalent to 122% of the parent (body)*/
  color: #FF0000;
  text-decoration:none;
  padding-bottom: 0.2cm;
  font-weight : bold;
}
.naviggv2titre a:link { /*these children inherit from the parent (.navigGv2)*/
  color: #4F4F4F;
  font-weight : bold;
  text-decoration:underline;
}
.naviggv2titre a:visited {
  color: #4F4F4F;
  text-decoration:underline;
}
.naviggv2titre a:hover {
  color: #FF0000;
  text-decoration:none;
}
.naviggv2 {
  font-size: 1.1em;  /*equivalent to 110% of the parent(body)*/
  color: #FF0000;
  text-decoration:none;
  font-weight : bold;
}
.naviggv2 a:link { /*these children inherit from the parent (.navigGv2)*/
  color: #4F4F4F;
  text-decoration:underline;
  font-weight : normal;
}
.naviggv2 a:visited {
  color: #4F4F4F;
  text-decoration:underline;
  font-weight : normal;
}
.naviggv2 a:hover {
  color: #FF0000;
  text-decoration:none;
  font-weight : normal;
}
.mediasSociaux{
  color: #000000;
  text-decoration:none;
  font-weight : normal;
}
.bold_gras {
  display:none;
}
/* Upper navigation (Accueil, Nous joindre, ... */
.haut  {
  font-size: .9em; /*these children are 90% of the parent(.haut), which is the same than the body*/
  color: #000000;
  text-decoration:none;
  background-color: #FFFFFF;
}
.haut a:link {  /*these children inherit from the parent (.haut)*/
  color: #000000;
  text-decoration:underline;
}
.haut a:visited {
  color: #808080;
  text-decoration:underline;
}
.haut a:hover {
  color: #FF0000;
  text-decoration:none;
}
.droit  {background-color: #FFFFFF;}
.gauche  {background-color: #F7F7F7;}
h1 {
  font-size:1.5em;  /*equivalent to 150% of the parent(body)*/
  font-family:arial,helvetica,sans-serif;
  color: #808080;
  letter-spacing: 0.1em;
  font-weight:500;
}
h2 {
  font-family:sans-serif;
  font-size:1.1em;
  color: #000000;
}
#clientLeftCell {
  padding-left: 3px;
  border-left: solid 1px #000000;
  height: 60px;
}
.listMarginNone OL { /* no left margin */
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-left: 1.5em;
}
/* Rico [2007-August-08]: styles for bullet lists. Controls the left margin. Also, removes the top/bottom margins. Requested by Dany Mercier. */
.listMarginNone UL { /* no left margin */
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-left: 1.5em;
}
.listMarginSmall UL { /* small left margin */
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-left: 2.5em;
}
/* Utilisé pour aligner le texte sous les images des pages ponts - Centre documentation V2*/
.tab_align {
	margin-left: 2.5em;
}
/* Jean-Frédéric [2007-Sep-18] : styles for the homepage's right most column (include bullet lists, white text, grey visited, red hover. Requested by Maika Thibodeau */
/*Font-size : inherit the parent(table) and stay same size*/
.listMarginNoneWhite {
  font-family: Arial, Times, serif;
  color:#FFFFFF; 
  text-decoration:none;
}
.listMarginNoneWhite a:link {
  color:#FFFFFF; 
  text-decoration:underline;
}
.listMarginNoneWhite a:visited {
  color:#CCCCCC; 
  text-decoration:underline;
}
.listMarginNoneWhite a:hover {
  color:#FF0000; 
  text-decoration:none;
}
.listMarginNoneWhite UL { /* no left margin */
	color: #FFFFFF;
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-left: 1.5em;
}
/* Jean-Frédéric [2008-may-20] : Added Canam Group new quote system CSS. Requested by Nathalie Pilon */
#quotecontainer{
 width: 300px;
 /* background-color: #808080; */
}
#quotetable{
 width: 290px;
 /* background-color: #808080; */
 margin-left: 5px; 
}
.left1 {
 float: left;
 padding-top: 1px;
 padding-bottom: 1px;
/*
 border-left: 1px solid White;
 border-bottom: 1px solid White;
*/
 padding-left: 3px;
 color: White;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
/*
 border-top: 1px solid White;
*/
 font-weight: bold;
}
.right1 {
 text-align: right;
 padding-right: 3px;
 padding-top: 1px;
 padding-bottom: 1px;
/*
 border-right: 1px solid White;
 border-bottom: 1px solid White;
*/
 color: White;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
/*
 border-top: 1px solid White;
*/
 font-weight: bold;
}
.left2 {
 float: left;
 padding-top: 1px;
 padding-bottom: 1px;
/*
 border-left: 1px solid White;
 border-bottom: 1px solid White;
*/
 padding-left: 3px;
 color: White;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
}
.right2 {
 text-align: right;
 padding-right: 3px;
 padding-top: 1px;
 padding-bottom: 1px;
/*
 border-right: 1px solid White;
 border-bottom: 1px solid White;
*/
 color: White;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
}
.canleft {
 float: left;
 margin-left: 3px;
 padding-top: 1px;
 padding-bottom: 1px;
 color: White;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 border-top: 1px solid White;
}
.canright {
 text-align: right;
 padding-right: 3px;
 padding-top: 1px;
 padding-bottom: 1px;
 color: White;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 border-top: 1px solid White;
}
.quotefooter {
 padding-left : 3px;
 padding-right : 3px;
 padding-top : 1px;
 padding-bottom : 1px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: White;
}
div .CanamMap {
  overflow:hidden;
}
/* Start of the CSS class for social network in header bar 
***********************************************************/
.leftSocial {
background-image:url(/www/v4/webcom.nsf/TabGauche.jpg);
background-repeat:no-repeat;
float:left;
width:7px;
height:34px;
display:inline;
}
.BackSocial {
background-image:url(/www/v4/webcom.nsf/TabCentre.jpg);
background-repeat:repeat-x;
height:34px;
float:left;
display:inline;
vertical-align:middle;
}
.rightSocial {
background-image:url(/www/v4/webcom.nsf/TabDroit.jpg);
background-repeat:no-repeat;
float:left;
width:7px;
height:34px;
display:inline;
}
.txtSocial {
color:#999999;
display:inline;
padding-top:10px;
float:left;
/*font-weight:bold;*/
}
.Social {
float:left; 
padding-left:5px;
padding-top:5px;
padding-right:5px;
display:inline;
}
.middleSocial{
background-image:url(/www/v4/webcom.nsf/TabFilet.jpg);
background-repeat:no-repeat;
float:left;
width:1px;
height:34px;
display:inline;
}
#right {
float:right;
}
#mailSocial {
padding-top:5px;
}
/* End of the CSS class for social network in header bar 
***********************************************************/
/* Start of the CSS class for quote form 
***********************************************************/
#calloption {
border-style:solid;
border-width:1px; 
border-color :#808080;
}
#formoption {
border-style:solid;
border-width:1px; 
border-color :#808080;
}
#headerTitle {
background-color:#808080;
width:100%
}
#contentOption {
padding:5px;
}
.label {
padding-bottom:5px;
padding-right:5px;
}
.field {
padding-right:5px;
}
.chekboxDiv {
width:360px;
}
.chekboxDiv br {
display:none;	
}
.chekboxDiv label {
width:175px;
display:block;
margin-right:5px;
float:left;
}
.chekboxDiv input{
margin-right:5px;
}
.bridgeTypeInput{
width:710px;
}
.bridgeTypeInput br {
display:none;	
}
.bridgeTypeInput label {
width:135px;
display:block;
margin-right:5px;
float:left;
}
.bridgeTypeInput input{
margin-right:5px;
}
.length{
margin-right:5px;
display:inline;
}
.commentField {
max-width:710px;
min-width:400px;
min-height:100px;
max-height:500px;
}
.mandatory{
color:red;
font-weight:bold;
display:inline;
}
.star{
color:red;
font-weight:bold;
font-size:18px;
display:inline
}
.endTxt
{
position:relative; 
height:105%; 
display:block;
background-image:url('/www/v4/quotes.nsf/degrade_gris.jpg');
background-repeat:no-repeat;
padding:10px
}
.ctrlupload
{
margin-right:5px;
margin-top:10px
}
.fileupload
{
margin-top:5px;
margin-right:5px;
background-color:#FFFFFF
}
/* End of the CSS class for quote form 
***********************************************************/
/* Start of the CSS class for Progress bar
***********************************************************/
 .progressTable
 {
border: solid 1px #e1e1e1;
}
       
 .size, .cell1, .cell2
 {
width: 22px;
height: 15px;
}
 .size2,.cell2
 {
width: 1.530em;
height: 15px;
}
.cell1,.cell2
 {
background-color: #808080;
display: none;
}
/* END of the CSS class for Progress bar
***********************************************************/
/* **************************************************************
Fix for Facebook overlay comment popup that is display incorrectly in our header
 added with the social media conversion fro Google Analytics tracking
 Added 01-11-2011 by David Poulin
***************************************************************/
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr
{
display: none !important;
}
/* END of the facebook fix
***********************************************************/