/* MAIN ------------------------------------------------------------*/
/* PROGRAMMER PAR JOCELYN MÉNARD */
/* SOLUTION MOLOTUV */

/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body{ background:#FFF url(../../img/bg.gif) top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:0; margin:0; height:100%; }

/* =Headings-----------------------------------------------------------------------------*/

#leftCol h1, #rightCol h1{ margin:0; height:38px; color:#FFF; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:transparent url(../../img/bg_title.gif) top left repeat-x; line-height:38px; padding-left:20px; text-transform:uppercase; }
#middleCol h1{ margin-top:0px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-align:right; font-size:18px; color:#333; font-weight:normal; }
#middleCol h2{ margin:0px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-align:left; font-size:17px; color:#4A4A4A; font-weight:normal; padding:0px 0px 3px 10px; }

/* =Link-----------------------------------------------------------------------------*/

#menuHelpLeft a{ color:#333; font-size:11px; line-height:29px; border-right:1px #333 solid; padding:0px 10px 0px 20px; text-decoration:none; margin:0px 5px 0px 5px; }
#linkHome{ background:transparent url(../../img/icon_home.gif) center left no-repeat; }
#linkContact{ background:transparent url(../../img/icon_contact.gif) center left no-repeat; }
#menuHelpRight a{ color:#333; font-size:11px; line-height:29px; border-left:1px #333 solid; padding:0px 10px 0px 35px; text-decoration:none; margin:0px 5px 0px 5px; }
#linkTel{ background:transparent url(../../img/icon_tel.gif) 10px -3px no-repeat; }
#linkEmail{ background:transparent url(../../img/icon_mail.gif) 10px -3px no-repeat; }
#menuHelp a:hover{ text-decoration:underline; }

#mainMenu a{ width:172px; height:33px; display:block; background:transparent url(../../img/bg_btnMenu.gif) top left no-repeat; font-size:12px; color:#333; font-weight:bold; line-height:33px; padding-left:20px; text-decoration:none; text-transform:uppercase; margin-top:4px; border:1px #333 solid; }
#mainMenu a:hover{ background:transparent url(../../img/bg_btnMenu_over.gif) top left no-repeat; }

#leftCol ul li a, #rightCol ul li a { text-decoration:none; color:#333; font-size:11px; padding-left:20px; background:transparent url(../../img/puce_star.gif) center left no-repeat; }
#leftCol ul li a:hover, #rightCol ul li a:hover { text-decoration:underline; }

#middleCol a{ color:#cb361b; text-decoration:none; border-bottom:1px #cb361b dashed; }
#middleCol a:hover{ color:#cb361b; text-decoration:none; border-bottom:1px #cb361b solid; }


/* =Frame-----------------------------------------------------------------------------*/

#wrap{ width:900px; border-left:1px #333 solid; border-right:1px #333 solid; margin:0 auto; }

#header{ height:253px; }
#topHeader{ background:#cb361b; height:13px; }
#menuHelp{ background:#FFF url(../../img/bg_helpmenu.gif) top left repeat-x; height:29px; }
#menuHelpLeft { height:29px; width:400px; float:left; padding-left:10px; }
#menuHelpRight { height:29px; width:400px; float:right; text-align:right; }
#mainHeader{ height:211px; background:#FFF url(../../img/bg_header.jpg) top left no-repeat; }

#mainMenu{ width:192px; float:right; margin-top:10px; }

#middle{ background:#f5f4e8; }
#leftCol{ width:225px; float:left; background:#f5f4e8;  }
#middleCol{ width:398px; float:left; background:#fff; border-right:1px #c9c5c5 solid; background:#f6f5e9; border-left:1px #c9c5c5 solid; background:#f6f5e9; }
#rightCol{ width:275px; float:right; background:#f5f4e8;  }

#leftCol ul li, #rightCol ul li { height:24px; line-height:24px; background: transparent url(../../img/bg_list.gif) top left repeat-x; padding-left:18px; }
.bottomCol{ height:100px; background:#f5f4e8 url(../../img/bg_bottom_col.gif) top left repeat-x; }

#middleCol strong{ color:#cb361b; }
#middleCol p{ margin:15px 0px 15px 0px; text-align:justify; }
#middleCol .boxTxt{ background:#FFF url(../../img/bg_boxTxt.jpg) top left repeat-x; padding:15px 10px 15px 10px; }
#middleCol ul{ margin:0px 10px 0px 10px;; padding:0; list-style:none; }
#middleCol ul li{ background:transparent url(../../img/puce_arrow.gif) 0px 4px no-repeat; padding:1px 0px 3px 18px; border-bottom:1px #ccc dashed; }
#middleCol ul li em{ color:#999; font-size:10px; padding:5px 0px 5px 0px; display:block; }
#middleCol ul li em acronym{ color:#999; font-size:10px; }
#middleCol acronym{ color:#333; font-style:oblique; text-decoration:none; border-bottom:1px #ccc dotted; }

#footer{ height: 14px; background:transparent url(../../img/bg_footer.gif) top left repeat-x; }