﻿/************* SECTION **************/

.section {
    width:722px;
    font-size:11px;
    padding:10px; 
    float: right;  
    margin-bottom: 15px;
    text-align: justify;
}

.section h1,
.sectionTitle {
    margin:0;
    font-family:Verdana;
    font-size:16px;
    font-weight:bold;
    color:#800000;
    padding:10px 0px 0px 10px;
    height:29px;
    width:712px;
    background:url(../Media/Images/Backgrounds/divSectionTitle.jpg) repeat-x;
}

.section h1 span.h1Highlight {
    color:#d80021;
    font-size:16px !important;
}

.section h2 {
color:#000000;
font-family:Verdana;
font-size:13px;
font-weight:bold;
margin:2px 0;
padding:0;
}

.section h1.title,
.section h2.title {
    border:0;
}

.section p,
.section ul,
.section li {
    line-height: 14px;    
}

.section .sectionHeader {
background:url("../Media/Images/Backgrounds/divSectionImage.jpg") no-repeat scroll center bottom transparent;
font-size:11px;
overflow:hidden;
padding:22px 12px 46px;
width:698px;
}

.section .sectionSpacer {
background:url("../Media/Images/Backgrounds/divRow.jpg") no-repeat scroll center bottom transparent;
height:13px;
width:722px;
}

.section .divider {
background-color:#999999;
height:24px;
margin:0;
background:url(../Media/Images/Layout/separator.jpg) no-repeat ;
}

.section .text {
padding:10px !important;
background:#F3F3F3;
}
.section .text h2 {
color:Black;
background:none;
clear:both;
font-weight:bold;
}

.section .text h3 {
color:Black;
background:none;
font-size:13px;
}

.section .text .disclaimer {
font-size:10px;
}

/*.section .bullets {
padding:10px;
padding-left:17px;
margin:0px;
list-style-image:url("../Media/Images/Layout/bullet-square1_f2.gif");
font-size:12px;
}

.section .bullets li {
margin-bottom:2px;
}*/

/*.section .text .bullets {
list-style-image:url(../Media/Images/Layout/bullet-square1_f2.gif);
font-size:11px;
}

.section .bullets label {
margin:0;
width:auto;
}

.section .bullets .noBullet {
list-style-image:none;
list-style-type:none;
}

.section .bullets .noBullet .highlight {
font-size:12px;
}*/

.section .submit {
    padding:5px 0px 0px 10px;
    height:34px;
    text-align:center;
    background:url(../Media/Images/Backgrounds/divSectionTitle.jpg) repeat-x;
}

.section .submit input,
.section .submit img {
background-repeat:no-repeat;
border:0;
padding:0;
margin:0;
cursor:pointer;
}

.section .submit a{
display: inline-block;
}

/************* TYPES DE SECTIONS ***************/

.section #sectionMainText {
font-size:11px;
overflow:hidden;
padding:12px;
}

.section .iconTextSection {
    padding: 20px 0;
    width: 698px;
}

.section .iconTextSection .iconLeft  {
    width: 170px;
    float:left;  
    text-align:center;
    padding-top: 12px;
}

.section .iconTextSection .iconLeft img {
    max-width: 130px;  
}

.section .iconTextSection .textRight {
    width: 528px;
    float:left;    
}

.section .iconTextSection .sectionSpacer {
    clear: both;    
}

/************* PAGE BUTTONS (NAV INDEX) **************/

.section .pageButtons {
float:right;
margin-top:5px;
margin-right:7px;
height:20px;
font-size:10px;
}

.section .pageButtons a,
.section .pageButtons a:link,
.section .pageButtons a:visited {
float:left;
color:#666666;
display:inline-block;
font-weight:bold !important;
background:#dfdfdf url(../Media/Images/Buttons/btn_pagenumb2.gif) no-repeat;
height:16px;
margin-left:3px;
padding-top:5px;
text-decoration:none;
width:24px;
text-align:center;
}

.section .pageButtons a.page_precedent {
color:#666666;
display:inline-block;
font-weight:bold !important;
background: #dfdfdf url(../Media/Images/Buttons/btn_precedent.jpg) no-repeat  !important; 
width:59px !important;
height:16px; 
padding-top:6px;
padding-left:12px;
padding-right:4px;
}

.section .pageButtons a.page_precedent#page_previous {
background: #dfdfdf url(../Media/Images/Buttons/btn_previous.jpg) no-repeat  !important; 
width:51px !important;
}

.section .pageButtons a.page_suivant {
color:#666666;
display:inline-block;
font-weight:bold !important;
background:#dfdfdf url(../Media/Images/Buttons/btn_suivant.jpg) no-repeat !important; 
width:39px !important;
height:16px; 
padding-top:6px;
padding-left:7px;
padding-right:15px;
 }
 
 .section .pageButtons a.page_suivant#page_next {
background: #dfdfdf url(../Media/Images/Buttons/btn_next.jpg) no-repeat  !important; 
width:23px !important;
}

.section .pageButtons a:hover {
color:#000000;
}
.section .pageButtons a.collapse {
color:#000000 !important;
}

/************* TABS **************/

.section#tabs {
padding:0px;
}

.tabs {
border:0;
height:31px;
border:0px solid blue;
height:31px;
}

.tabs a {
float:left;
margin-right:4px;
height:24px;
width:116px;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:center;
color:#666666 !important;
padding-top:7px;
border:0px solid green;
background:url(../Media/Images/Layout/tab.jpg) no-repeat !important;
}

.tabs a.collapse,
.tabs a:hover {
color:#000000 !important;
}

/************* COLUMNS **************/

.columns td.left {
border-right:1px solid #999999;
background-color:#FFF;
width:360px;
}

.columns td.right {
background-color:#FFF;
border:0;
width:357px;
}

.columns p {
font-size:12px;
}

.columns .disclaimer {
color:#777777;
font-size:10px;
}

.columns h2 {
    padding-top: 10px;
    padding-bottom: 2px;
}

#columnLogOn.columns td .pad {
height:140px;
}

/****** IMAGES ******/

.section #customersImg {
    width: 600px;
    height: 442px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    /*background:url(../Media/Images/Section/Customers.jpg) no-repeat !important;*/
}

#HS .section #customersImg {
    background:url(../Media/Images/Section/Customers_HS.jpg) no-repeat !important;
}

#HSUS .section #customersImg {
    background:url(../Media/Images/Section/Customers_HSUS.jpg) no-repeat !important;
}

.section #AboutUsImg { /*#OfficeImg*/
    width: 641px;  /*width: 446px;*/
    height: 240px; /*height: 239px;*/
    /*margin-top: 30px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;*/
    margin: 25px auto;
    background:url(../Media/Images/Section/AboutUs.jpg) no-repeat !important;
}
.section #contactImg {
    float:right;
    width: 262px;
    height: 251px;
    margin-right: 40px;
    background:url(../Media/Images/Section/Contact.jpg) no-repeat !important;
    border: 1px solid #CCCCCC;
}

.section .fabsList
{
    margin:0 auto;
    text-align:center;
    width:480px;
}

.section .fabsList .fabLogo
{
    display:inline-block;
    width: 120px;
    height: 80px;
    /* For IE6 / IE7 inline-block bug */
    zoom:1;
    *display: inline;
}

/***** CONTACT *****/

.section #contactSection {
    padding-top: 20px;
}
.section #contactInfo {
   margin-top: 30px;
   line-height:17px;
   font-weight: bold;
   background-color: #DDDDDD;
   padding: 10px 10px 10px 20px;
   width: 275px;
   border: solid 1px black;
}
.section #contactName {
   font-size: 13px;
}
.section #contactMail 
{
    font-weight: bold;
}
.section #contactTel 
{
   font-size: 14px;
   padding-top:8px;
   font-weight: bold;
}

.section #inputProvinceContact
{
    margin-left: 5px;
}

/***** FORMULAIRES PDF ******/

.section .formName {
   font-size:13px;
   font-weight: bold;
   margin-top: 30px; 
}

.section .formDesc {
    margin-top: 2px;
    margin-bottom: 3px;    
}


