@charset "utf-8";
/* 
- - - - - - - - - -
Feuille de style
- - - - - - - - - -
CNL
Par Marie-Eve Lafrenière
Stef et Marie
www.stefetmarie.com
Mars 2008
*/

/* 
- - - - - - - - - -
GÉNÉRAL
- - - - - - - - - -
*/

html{
scrollbar-face-color: #E6E6E6; 
scrollbar-shadow-color: #E7E7E7; 
scrollbar-highlight-color: #F9F9F9; 
scrollbar-3dlight-color: #DFDFDF; 
scrollbar-darkshadow-color: #CBCBCB; 
scrollbar-track-color: #F5F5F5; 
scrollbar-arrow-color: #FFFFFF;
}

* { margin: 0; padding: 0; }
html{height:100%;}
body{ background-color:#e5e5e5; font-family:Arial, Helvetica, sans-serif; color:#666666; height:100%; font-size:11px;}
.container{
	margin:0 auto;
	text-align:left;
	width:964px;
	padding:0 0 0 0;
	position:relative;
	height:100%;
}
a{color:#1D5595; text-decoration:none;}
a:hover{ color:#666666;text-decoration:underline;}

form{padding:0; margin:0;}
img, div { behavior: url(/work/CNL_Design1/includes/iepngfix.htc) }
/* Put the right Absolute link */

p{margin:0; padding:0;}
h1{margin:0; padding:0;}

.center{background-color:#FFFFFF; clear:both; min-width: 0; /* peekaboo bug fix for IE7 */}
.hide{display:none;}
.clear{clear:both; height:0; font-size:0px;}

.bold{font-weight:bold;}

h1{font-family: Arial, Helvetica, sans-serif;}
h2{font-family:Arial, Helvetica, sans-serif;}
h3{font-family: Arial, Helvetica, sans-serif;}
h4{font-family: Arial, Helvetica, sans-serif;}

/* 
- - - - - - - - - -
TOP + MENU
- - - - - - - - - -
*/
#top{}
#top .miniNav{ float:left; color:#666666; font-size:10px; padding:16px 0 0 0;}
#top .miniNav a{color:#1d5595;}
#top .search{ float:right; padding:14px 0 0 0; height:32px;}
#top .search .searchField{ float:left; padding:0 4px 0 0;}
#top .search .searchField .champs{font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #FFFFFF; border-bottom: 1px solid #1d5595; border-right: 1px solid #1d5595; border-left: 1px solid #1d5595; border-top:1px solid #1d5595; color: #666666; height:12px; padding:2px 2px 2px 2px; width:139px;}
#top .search .searchBt {float:left; padding:1px 0 0 0;}
html>body #top .search .searchBt {float:left; padding:0 0 0 0;}

#menu{ background-color:#274166; color:#FFFFFF; height:40px;}
#menu .ColOne{ float:left;}
#menu .ColOne ul{list-style:none; margin:12px 0 0 11px; font-size:9px;}
#menu .ColOne li{display:inline; padding:0 0 0 9px; text-transform:uppercase;}
#menu .ColOne li a{color:#FFFFFF;}
#menu .ColOne li a:hover{text-decoration:none; color:#ea9a34;}
#menu .ColOne .txt{ text-transform:none; font-weight:bold; font-size:11px;}
#menu .ColTwo{width:200px; float:right; padding:10px 0 0 0;}
#menu .ColTwo .formComp{ padding:0 0 0 0;}
#menu .ColTwo .formComp .champs{font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #FFFFFF; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top:1px solid #cccccc; color: #666666; height:18px; padding:2px 2px 2px 2px; width:180px; }

/* 
- - - - - - - - - -
HEADER
- - - - - - - - - -
*/

.logoBox{ width:964px; height:80px; background-image:url(../images/logoBg.jpg); background-repeat:repeat-y;}
.logoBox .logo{ padding:20px 0 0 20px; float:left;}
.logoBox .txtTop{ float:right; background-image:url(../images/txtTop.png); background-repeat:no-repeat; height:18px; width:223px; margin:46px 20px 0 0;}

/* 
- - - - - - - - - -
GENERAL TWO COL
- - - - - - - - - -
*/

.center .twoCol{clear:both;}

.center .twoCol .ColOne{ width:220px; float:left; padding:20px 20px 0 20px;}
.center .twoCol .ColOne .pict{ padding:0 0 0 0;}

.center .twoCol .ColTwo{border-left:#e1e1e1 1px solid;width:683px; float:left; margin:20px 0 20px 0; padding:17px 0 5px 20px;}
.center .twoCol .ColTwo h1{background-repeat:no-repeat; height:23px; margin:0 0 0 0; width:670px; padding:0 0 0 0;}
.center .twoCol .ColTwo h2{font-size:10px; color:#d4840a; text-transform:uppercase; margin:0 0 3px 0;}
.center .twoCol .ColTwo h3{background-repeat:no-repeat; margin:0 0 0 0; padding:0 0 0 0; width:614px;}
.center .twoCol .ColTwo h4{font-size:11px;}

.center .twoCol .ColTwo .titleBox h2{font-size:10px; color:#d4840a; text-transform:uppercase; margin:0 0 3px 0;}
.center .twoCol .ColTwo .titleBox h2 a{color:#d4840a;}
.center .twoCol .ColTwo .titleBox .title{float:left;}
.center .twoCol .ColTwo .titleBox .arrow{background-image:url(../images/title_arrow.gif); background-repeat:no-repeat; width:4px; height:12px; margin:0 0 0 4px; float:left; background-position:center; font-size:0px;}

.center .twoCol .ColTwo .SubCol{ padding:20px 0 0 0;}
.center .twoCol .ColTwo .SubCol .SubColOne{float:left; width:473px;}
.center .twoCol .ColTwo .SubCol .SubColOne p{padding:0 15px 10px 0;}
.center .twoCol .ColTwo .SubCol .SubColOne ul{list-style-type:none; margin:0 20px 10px 20px; font-size:11px;}
.center .twoCol .ColTwo .SubCol .SubColOne li{margin:0 0 0 0;  padding:2px 0 2px 8px;}
.center .twoCol .ColTwo .SubCol .SubColOne .BgBullet{background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:center left; padding:0 0 0 8px; display:block;}
.center .twoCol .ColTwo .SubCol .SubColOne .BackTop{ background-image:url(../images/arrowTop.gif); background-repeat:no-repeat; padding:0 0 0 15px; margin:10px 0 0 0;}
.center .twoCol .ColTwo .SubCol .SubColOne .colorBox{margin:7px 0 0 0; padding:0 0 0 0;}
.center .twoCol .ColTwo .SubCol .SubColOne .colorBox .colOne{ width:200px; float:left;}
.center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo{ width:242px; float:left; margin:0 0 0 0; padding:15px 15px 0 15px; height:125px; border:none; background-color:#9ab3cd;}
.center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo h1{ background-repeat:no-repeat; height:39px; margin:0 0 10px 0; width:202px; }
.center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo p{padding:0 0 0 0; margin:13px 0 0 0; background-repeat:no-repeat; height:61px;}
.center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo .titleBox{ margin:10px 0 0 0;}
.center .twoCol .ColTwo .SubCol .SubColTwo{float:left;width:170px; padding:0 20px 0 20px;}
.center .twoCol .ColTwo .SubCol .SubColTwo p{margin:0 0 10px 0;}
.center .twoCol .ColTwo .SubCol .SubColTwo ul{list-style-type:none; margin:0 0 10px 0; padding:0 0 0 0;}
.center .twoCol .ColTwo .SubCol .SubColTwo li{ margin:0 0 0 0; padding:0 0 0 8px; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:left center;}

.center .twoCol .ColTwo .colorBox{ clear:both; background-color:#f1f1f1; margin:15px 20px 0 0; padding:10px 20px 0 20px;}
.center .twoCol .ColTwo .colorBox h4{font-weight:bold; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.center .twoCol .ColTwo .colorBox ul{list-style-type:none; margin:10px 0 0 0;  font-size:11px; clear:both; }
.center .twoCol .ColTwo .colorBox li{display:block; width:196px; float:left; margin:0 0 12px 0; padding:0 5px 0 5px;}
.center .twoCol .ColTwo .colorBox .title{ font-weight:bold;}

.center .twoCol .ColTwo .lineHori{width:663px; height:1px; font-size:0px; margin:20px 0 0 0; background-image:url(../images/ligne.gif); background-repeat:repeat-x;}
.center .twoCol .ColTwo .BackTop{ background-image:url(../images/arrowTop.gif); background-repeat:no-repeat; padding:0 0 0 15px; margin:10px 0 0 0;}
.center .twoCol .ColTwo .BackTop{ background-image:url(../images/arrowTop.gif); background-repeat:no-repeat; padding:0 0 0 15px; margin:10px 0 0 0;}

.center .twoCol .ColTwo .pictBox .SubColOne{float:left;}
.center .twoCol .ColTwo .pictBox .SubColTwo{float:left;}


/* 
- - - - - - - - - -
HOME
- - - - - - - - - -
*/

#Home{}
#Home .center{}
#Home .center #flashcontent{ width:964px; text-align:center; height:300px;}
#Home .center #flashcontent p{padding:10px 0 10px 0;}

#Home .center .threeCol{ padding:0 0 0 20px;}
#Home .center .threeCol h1{font-size:10px; color:#d4840a; text-transform:uppercase; margin:0 0 3px 0; letter-spacing:1px;}
#Home .center .threeCol .title{float:left;}
#Home .center .threeCol .title h1 a{color:#d4840a;}
#Home .center .threeCol .arrow{background-image:url(../images/title_arrow.gif); background-repeat:no-repeat; width:4px; height:12px; margin:0 0 0 4px; float:left; background-position:center; font-size:0px;}

#Home .center .threeCol .Col{ float:left; width:294px; padding:28px 20px 0 0;}
#Home .center .threeCol .Col .FeatureBox{ clear:left; padding:0 0 28px 0; font-size:10px;}
#Home .center .threeCol .Col .FeatureBox .pict{ float:left;}
#Home .center .threeCol .Col .FeatureBox .txt{ float:left; padding:0 0 0 10px; width:184px;}
#Home .center .threeCol .Col .FeatureBox .txt p{ clear:left;}
#Home .center .threeCol .Col .FeatureBox ul{list-style-type:none; margin:8px 0 0 0;}
#Home .center .threeCol .Col .FeatureBox li{margin:0 0 0 0;  padding:1px 0 1px 0;}
#Home .center .threeCol .Col .FeatureBox .BgBullet{background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:center left; padding:0 0 0 8px; display:block;}


/* 
- - - - - - - - - -
HOME - Design 1
- - - - - - - - - -
*/

#HomeDesign1{}

#HomeDesign1 .center{}
#HomeDesign1 .center #flashcontent{ width:964px; text-align:center; height:300px;}
#HomeDesign1 .center #flashcontent p{padding:10px 0 10px 0;}

#HomeDesign1 .center .fourCol{ padding:0 0 0 20px;}
#HomeDesign1 .center .fourCol h1{font-size:10px; color:#d4840a; text-transform:uppercase; margin:0 0 3px 0; letter-spacing:1px;}
#HomeDesign1 .center .fourCol .title{float:left;}
#HomeDesign1 .center .fourCol .title h1 a{color:#d4840a;}
#HomeDesign1 .center .fourCol .arrow{background-image:url(../images/title_arrow.gif); background-repeat:no-repeat; width:4px; height:12px; margin:0 0 0 4px; float:left; background-position:center; font-size:0px;}

#HomeDesign1 .center .fourCol .Menu{ float:left; width:200px; padding:28px 17px 0 0; line-height:15px; font-size:10px; }
#HomeDesign1 .center .fourCol .Menu .supMenu{ color:#1d5595; }
#HomeDesign1 .center .fourCol .Menu .supMenu h3{font-size:10px; padding:0 0 5px 0; }
#HomeDesign1 .center .fourCol .Menu a{ color:#666666; text-transform:uppercase; }
#HomeDesign1 .center .fourCol .Menu a:hover{ color:#d4840a; text-transform:uppercase; text-decoration: none; }

#HomeDesign1 .center .fourCol .formComp{ padding:0 0 15px 0;}
#HomeDesign1 .center .fourCol .formComp .champs{font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #FFFFFF; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top:1px solid #cccccc; color: #666666; height:18px; padding:2px 2px 2px 2px; width:180px; }

#HomeDesign1 .center .fourCol .Col{ float:left; width:222px; padding:28px 17px 0 0;}
#HomeDesign1 .center .fourCol .Col .FeatureBox{ clear:left; padding:0 0 28px 0; font-size:10px; border-right:1px; solid #e1e1e1; }
#HomeDesign1 .center .fourCol .Col .FeatureBox .pict{ float:left;}
#HomeDesign1 .center .fourCol .Col .FeatureBox .txt{ float:left; width:205px;}
#HomeDesign1 .center .fourCol .Col .FeatureBox .txt p{ clear:left;}
#HomeDesign1 .center .fourCol .Col .FeatureBox ul{list-style-type:none; margin:8px 0 0 0;}
#HomeDesign1 .center .fourCol .Col .FeatureBox li{margin:0 0 0 0;  padding:1px 0 1px 0;}
#HomeDesign1 .center .fourCol .Col .FeatureBox .BgBullet{background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:center left; padding:0 0 0 8px; display:block;}


/* 
- - - - - - - - - -
HOME - Design 3
- - - - - - - - - -
*/


#menu .ColOne{width:710px; float:right;}
#menu .ColOne li{display:inline; padding:0 0 0 12px; text-transform:uppercase;}
#menu .ColOne ul{list-style:none; margin:12px 0 0 0; font-size:9px;}
#menu .ColOne .txt{ text-transform:none; font-weight:normal; font-size:11px;}
#menu .ColTwo{width:220px; float:left; padding:10px 0 0 28px;}
#menu .ColTwo .formComp .champs{font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #FFFFFF; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top:1px solid #cccccc; color: #d4840a; height:18px; padding:2px 2px 2px 2px; width:180px; }

#HomeDesign3{}
#HomeDesign3 .center{}
#HomeDesign3 .center #flashcontent{ width:964px; text-align:center; height:265px;}
#HomeDesign3 .center #flashcontent p{padding:10px 0 10px 0;}

#HomeDesign3 .center .twoCol { padding:0 0 0 20px;}
#HomeDesign3 .center .twoCol h1{font-size:10px; color:#d4840a; text-transform:uppercase; margin:0 0 3px 0; letter-spacing:1px;}
#HomeDesign3 .center .twoCol .title{float:left;}
#HomeDesign3 .center .twoCol .title h1 a{color:#d4840a;}
#HomeDesign3 .center .twoCol .arrow{background-image:url(../images/title_arrow.gif); background-repeat:no-repeat; width:4px; height:12px; margin:0 0 0 4px; float:left; background-position:center; font-size:0px;}

#HomeDesign3 .center .twoCol .Menu{ float:left; width:200px; padding:28px 17px 0 0; line-height:20px; font-size:10px; }
#HomeDesign3 .center .twoCol .Menu .supMenu{ color:#1d5595; }
#HomeDesign3 .center .twoCol .Menu a{ color:#666666; text-transform:uppercase; }

#HomeDesign3 .center .twoCol .formComp{ padding:0 0 15px 0;}
#HomeDesign3 .center .twoCol .formComp .champs{font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #FFFFFF; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top:1px solid #cccccc; color: #666666; height:18px; padding:2px 2px 2px 2px; width:180px; }

#HomeDesign3 .center .twoCol .ColOne{ float:left; width:653px; padding:28px 17px 0 0; border:1px solid #e1e1e1; }
#HomeDesign3 .center .twoCol .ColOne .FeatureBox{ float:left; width:310px; padding:0 10px 28px 0; font-size:10px; border-bottom:1px solid #e1e1e1; }
#HomeDesign3 .center .twoCol .ColOne .FeatureBox .pict{ float:left; margin-right:12px; }
#HomeDesign3 .center .twoCol .ColOne .FeatureBox .txt{ float:left; width:190px;}
#HomeDesign3 .center .twoCol .ColOne .FeatureBox .txt p{ clear:left;}
#HomeDesign3 .center .twoCol .ColOne .FeatureBox ul{list-style-type:none; margin:8px 0 0 0;}
#HomeDesign3 .center .twoCol .ColOne .FeatureBox li{margin:0 0 0 0;  padding:1px 0 1px 0;}
#HomeDesign3 .center .twoCol .ColOne .FeatureBox .BgBullet{background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:center left; padding:0 0 0 8px; display:block;}
#HomeDesign3 .center .twoCol .ColOne .SubFeatureBox{ clear:left; width:653px; padding:15px 0 10px 0; margin: 0 0 15px 0; font-size:10px; }
#HomeDesign3 .center .twoCol .ColOne .SubFeatureBox p { clear:left; }

#HomeDesign3 .center .twoCol .ColTwo {float:left; width:200px; padding:8px 0 0 15px; border:1px solid #e1e1e1; }
#HomeDesign3 .center .twoCol .ColTwo p{clear:left; margin:8px 0 0 0;}


/* 
- - - - - - - - - -
SUBPAGE
- - - - - - - - - -
*/
#subpage{}
#subpageDesign1 .center .twoCol .ColTwo h1{background-image:url(../images/subpage/title.gif);}
#subpageDesign1 .center .twoCol .ColTwo h3{ background-image:url(../images/subpage/txt_01.gif); height:42px;}

#subpageDesign1 .center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo h1{background-image:url(../images/subpage/colorBox_title.gif);}
#subpageDesign1 .center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo p{ background-image:url(../images/subpage/colorBox_txt.gif);}
#subpageDesign1 .center .twoCol .ColTwo .SubCol .SubColOne .BgBullet{background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:top left; padding:0 0 0 8px; display:block;}


/* 
- - - - - - - - - -
SUBPAGE - Design 1
- - - - - - - - - -
*/
#subpageDesign1{}
#subpageDesign1 .center .logoBox .txtTop{ float:right; background-image:url(../images/subpage/txtTop.png); background-repeat:no-repeat; height:16px; width:204px; margin:46px 39px 0 0;}
#subpageDesign1 .center .twoCol .ColTwo h1{background-image:url(../images/subpage/title.gif);}
#subpageDesign1 .center .twoCol .ColTwo h3{ background-image:url(../images/subpage/txt_01.gif); height:42px;}

#subpageDesign1 .center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo { background-color:#f1f1f1; height:175px; color:#666666; }
#subpageDesign1 .center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo h1{background-image:url(../images/subpage/colorBox_title.gif);}
#subpageDesign1 .center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo .title{clear:left; float:left; text-transform:uppercase;}
#subpageDesign1 .center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo .title a{color:#d4840a; font-weight:normal; line-height:25px;}
#subpageDesign1 .center .twoCol .ColTwo .SubCol .SubColOne .colorBox .ColTwo .arrow{background-image:url(../images/title_arrow.gif); background-repeat:no-repeat; width:4px; height:25px; margin:0 0 0 4px; float:left; background-position:center; font-size:0px;}

#subpageDesign1 .center .twoCol #flashcontent { float:left; width:200px; padding:0; line-height:15px; font-size:10px; }
#subpageDesign1 .center .twoCol #flashcontent .supMenu{ color:#1d5595; }
#subpageDesign1 .center .twoCol #flashcontent .supMenu h3{font-size:10px; padding:0 0 5px 0;}
#subpageDesign1 .center .twoCol #flashcontent .supMenu ul{margin:0 0 0 0; padding:0 0 0 0;}
#subpageDesign1 .center .twoCol #flashcontent .supMenu li{ list-style:none;}
#subpageDesign1 .center .twoCol #flashcontent a{ color:#666666; text-transform:uppercase; }
#subpageDesign1 .center .twoCol #flashcontent a:hover{ color:#d4840a; text-transform:uppercase; text-decoration: none; }
#subpageDesign1 .center .twoCol #flashcontent .menuOn{ color:#d4840a; text-transform:uppercase; }

#subpageDesign1 .center .twoCol .formComp{ padding:18px 0 15px 0; margin:0; }
#subpageDesign1 .center .twoCol .formComp .champs{font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #FFFFFF; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top:1px solid #cccccc; color: #666666; height:18px; padding:2px 2px 2px 2px; width:180px; }

#subpageDesign1 .center .twoCol .ColTwo .blockLine{ clear:both; margin:10px 0 0 0;}
#subpageDesign1 .center .twoCol .ColTwo .blockLine .pictBox{ width:333px; float:left;}
#subpageDesign1 .center .twoCol .ColTwo .blockLine .pictBox .SubColTwo{ padding:0 0 0 10px; margin:5px 0 0 0;}
#subpageDesign1 .center .twoCol .ColTwo .blockLine .pictBox .SubColTwo .txt{ clear:left; padding:0 30px 0 0;}

#subpageDesign1 .center .twoCol .ColTwo .content{ padding:15px 0 0 0;}
#subpageDesign1 .center .twoCol .ColTwo .content p{padding:0 60px 10px 15px;}
#subpageDesign1 .center .twoCol .ColTwo .content ul{padding:0 60px 10px 16px; font-size:8.5pt;}
#subpageDesign1 .center .twoCol .ColTwo .content li{list-style-type:square; padding:0 0 0 0;}
#subpageDesign1 .center .twoCol .ColTwo .BackTop{ background-image:url(../images/arrowTop.gif); background-repeat:no-repeat; padding:0 0 0 15px; margin:10px 0 0 0;}


/* 
- - - - - - - - - -
FOOTER
- - - - - - - - - -
*/

#footer{ height:29px; font-size:9px; color:#666666; padding:18px 0 0 0; clear:both;}
#footer .copyr{ float:left;}
#footer .footNav{ float:right; text-align:right;}
#footer .footNav a{color:#666666;}