/**************** CLEAN ***************/
/*@charset "iso-8859-1";*/

/**************** MAIN LAYOUT / BODY ***************/
a { color:#646567; text-decoration:none; }
a:hover {color:#646567; text-decoration:underline; }
h1 {font-size: 30px; color:#1a171b; font-weight:bold;}
h1 a{font-size: 30px; color:#1a171b; font-weight:bold;}
h1 a:hover {font-size: 30px; color:#1a171b; font-weight:bold; }
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1a171b;  background: #FFFFFF; } 

a.gal {-moz-box-shadow: 3px 3px 2px #888; -webkit-box-shadow: 3px 3px 2px #888; box-shadow: 3px 3px 2px #888; padding:3px; margin-right:3px;}

/********************* ACCUEIL **************************/
#section_4 #logo, #section_4 #IND, #section_4 #RES, #section_4 #menu, #section_4 #langue, #section_4 #sidepage  {display:none}
#section_4 #header { height:615px;}
#section_4 #sub_menu img{ float:left;}
#section_4 #btn_industriel_accueil { display:block; width:403px; height:105px; background:url(site/btn_industriel_accueil.png); float:left; margin-left:77px; _margin-left:35px;}
#section_4 #btn_residentiel_accueil { display:block; width:403px; height:105px; background:url(site/btn_residentiel_accueil.png); float:left; margin-left:61px; }
#section_4 .colonne13 { float:left; height:140px; width:315px; background:url(site/gradient_rouge.png); color:#931923; margin-top:0; margin-left:105px; _margin-left:50px; padding-left:25px; padding-top:5px; font-family:"Myriad Pro"; font-weight:bold; font-size:16px; *list-style:none; _list-style:none;}
	#section_4 .colonne13 .fleft{ width:50%; *width:155px; _width:155px; float:left;}
		.accueil #sub_menu .colonne6 a { color:#000;}
#section_4 .colonne6 {float:left; height:150px; width:325px; background:url(site/gradient_vert.png); color:#8fad1a; margin-top:0; padding-top:5px; font-family:"Myriad Pro"; font-weight:bold; font-size:16px; padding-left:25px; margin-left:120px; }
	#section_4 .colonne6 .fleft{ width:50%; *width:155px; _width:155px; float:left; margin-top:0;}
	#section_4 .colonne6 li{ margin-top:-25px; float:left;}
		.accueil #sub_menu .colonne13 a { color:#000;}
#section_4 #act_ctn { width:100%;}

#section_4 #footer_elements { height:700px; width:1020px;}
#succursale { margin: 0 auto; display:block;}
#section_4 #footer_elements ul{ text-align:left; padding:0; margin:0;font-size:23px; font-weight:bold;}
	#section_4 #footer_elements li{ text-align:left; padding:0; font-size:14px; font-weight:bold; margin-left:15px;}
	#section_4 #footer_elements #monteregie{ width:195px; height:180px; float:left; margin-left:175px; _margin-left:87px;}
	#section_4 #footer_elements #centreduqc{ width:210px; height:100px;float:left; margin-left:35px;}
	#section_4 #footer_elements #estrie{ width:150px; height:200px;float:left; margin-left:110px;}
		#section_4 #footer_elements .imp { font-size:18px; color:#931923;}
	#section_4 #sitemap { border-top:1px solid #9c9e9f; float:left; width:100%; padding-top:5px; margin-top:20px;}
	
#section_2 #logo, #section_2 #IND, #section_2 #RES, #section_2 #menu, #section_2 #langue, #section_2 #sidepage  {display:none}
#section_2 #header { height:615px;}
#section_2 #sub_menu img{ float:left;}
#section_2 #btn_industriel_accueil { display:block; width:403px; height:105px; background:url(site/btn_industriel_accueil.png); float:left; margin-left:77px; }
#section_2 #btn_residentiel_accueil { display:block; width:403px; height:105px; background:url(site/btn_residentiel_accueil.png); float:left; margin-left:61px; }
#section_2 .colonne13 { float:left; height:140px; width:291px; background:url(site/gradient_rouge.png); color:#931923; margin-top:0; margin-left:119px; padding-left:25px; font-family:"Myriad Pro"; font-weight:bold; font-size:16px;}
	#section_2 .colonne13 .fleft{ width:50%; float:left;}
		.accueil #sub_menu .colonne6 a { color:#000;}
#section_2 .colonne6 {float:left; height:150px; width:300px; background:url(site/gradient_vert.png); color:#8fad1a; margin-top:0;font-family:"Myriad Pro"; font-weight:bold; font-size:16px; padding-left:25px; margin-left:144px;}
	#section_2 .colonne6 .fleft{ width:50%; float:left; margin-top:0;}
	#section_2 .colonne6 li{ margin-top:-25px; float:left;}
		.accueil #sub_menu .colonne13 a { color:#000;}
#section_2 #act_ctn { width:100%;}

#section_2 #footer_elements { height:700px; width:1020px;}
#succursale { margin: 0 auto; display:block;}
#section_2 #footer_elements ul{ text-align:left; padding:0; margin:0;font-size:23px; font-weight:bold;}
	#section_2 #footer_elements li{ text-align:left; padding:0; font-size:14px; font-weight:bold; margin-left:15px;}
	#section_2 #footer_elements #monteregie{ width:195px; height:180px; float:left; margin-left:175px;}
	#section_2 #footer_elements #centreduqc{ width:210px; height:100px;float:left; margin-left:35px;}
	#section_2 #footer_elements #estrie{ width:150px; height:200px;float:left; margin-left:110px;}
		#section_2 #footer_elements .imp { font-size:18px; color:#931923;}
	#section_2 #sitemap { border-top:1px solid #9c9e9f; float:left; width:100%; padding-top:5px; margin-top:20px;}

#wrapper {width:1020px; margin:0 auto -430px auto; }

/**************** HEADER + HEADER ELEMENTS ***************/
#header { width: 1020px; height: 280px;}
	.industriel #logo { float:left; width:520px; height:191px;  border-bottom:2px solid #2e307b}
		.industriel #imglogo { margin-top:65px; margin-left:53px;}
	.residentiel #logo { position:absolute; left:0; top:0;}
	#IND { width:500px; height:191px; float:left;  border-bottom:2px solid #2e307b}
	.residentiel #IND { display:none}
		#IND object{width:500px; height:191px;}
	#RES { width:580px; height:200px; float:right;}
	.industriel #RES { display:none}
		#RES object{width:580px; height:200px;}
	#langue { float:right; width:86px; height:19px; text-align:right; font-size:16px; font-weight:bold; margin-top:35px; margin-right:35px;}
	.industriel #langue {background:url(site/langue_industriel.png) bottom left no-repeat;}
	.residentiel #langue {background:url(site/langue_residentiel.png) bottom left no-repeat;}

/**************** MENU + NEWS BOX***************/
#menu { width:756px; height: 35px; font-size:16px; text-align:center; font-weight:bold; float:left; margin-left:15px; margin-top:30px;}
.residentiel #menu { width:856px;}

	  #menu ul.top_itm {} 		
	  
			#menu a.top_itm { width: 122px; color: #FFFFFF; padding: 0 0px; text-decoration: none; line-height: 35px; height: 35px; font-size:14px; text-align: center;}
			#menu a.top_itm span { width:100%; padding: 0 0px; display: block; }
			
			#menu li.top_itm {width: 122px; height: 35px; background: url(site/btn_inactive.png) bottom no-repeat;}
			.industriel #menu li.top_itm.tactive {background: url(site/btn_active_industriel.png) no-repeat;}
			.residentiel #menu li.top_itm.tactive {background: url(site/btn_active_residentiel.png) no-repeat;}
			#menu li.tactive a.top_itm, #menu li.top_itm a.MenuBarItemSubmenuHover, #menu li.top_itm a.top_itm:hover { }
    
		#menu ul.sub_itm { width: 260px;  margin-top: 14px; margin-left: 0px; background:#47cae7; border: solid 1px #06738A; font-size:14px; }
		#menu ul.MenuBarSubmenuVisible { width: 260px;  margin-top: 4px; margin-left: 0px; background:#47cae7; border: solid 1px #06738A; font-size:14px;}
		#menu li.sub_itm { width: 254px; background:none; padding: 2px; margin-top: 4px; text-align:left;}
		#menu li.sub_itm a { height: auto; background:none; color:#FFFFFF; text-decoration: none; }
		#menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { background:none; color:#FFFFFF;}
		#menu li.sub_itm a span {background:none; padding:2px; margin:0;}
		
		#nav_1 { display:none;}
		#nav_15 { display:none;}
		#nav_16 { display:none;}
		#nav_17 { display:none;}
		#nav_18 { display:none;}
		#nav_19 { display:none;}
		#nav_20 { display:none;}
		#nav_21 { display:none;}
		#nav_22 { display:none;}
		#nav_23 { display:none;}
		#nav_24 { display:none;}
		#nav_25 { display:none;}
		#nav_26 { display:none;}
		#nav_27 { display:none;}
		#nav_28 { display:none;}
		#nav_29 { display:none;}
		#nav_30 { display:none;}
		#nav_31 { display:none;}
		#nav_32 { display:none;}
		
		.industriel #nav_2 { display:none;}
		.industriel #nav_3 { display:none;}
		.industriel #nav_4 { display:none;}
		.industriel #nav_5 { display:none;}
		.industriel #nav_6 { display:none;}
		.industriel #nav_7 { display:none;}
		.industriel #nav_8 { display:none;}
		
		.residentiel #nav_9 { display:none;}
		.residentiel #nav_10 { display:none;}
		.residentiel #nav_11 { display:none;}
		.residentiel #nav_12 { display:none;}
		.residentiel #nav_13 { display:none;}
		.residentiel #nav_14 { display:none;}
		
/********************* SUB MENU **************************/
#sub_menu{ width:1005px; height:25px; float:left; line-height:25px; padding-left:15px; *clear:both;}
.industriel #sub_menu{background-color:#911923;}
.residentiel #sub_menu{background-color:#8ead18;}
	#sub_menu .colonne div{ height:25px; display:inline-block;}
	#sub_menu .colonne a { text-decoration:none;padding:5px; color:#FFFFFF;}
	.industriel #sub_menu .colonne a:hover{ background-color:#bd757b; color:#1a171b;}
	.residentiel #sub_menu .colonne a:hover{ background-color:#bbce74; color:#1a171b;}
	
/*********************** PRODUITS ************************/
#produits_big { width:712px; height:401px; margin-top:18px; display:none; margin-left:30px;}
#produits { width:712px; height:235px; margin-top:10px; display:none; margin-left:30px;}
.industriel #produits_big { float:left}
.industriel #produits { float:left}
.residentiel #produits_big { float:right}
.residentiel #produits {float:right}

#section_12 #produits_big, #section_5 #produits_big{ display:block;}
#section_12 #produits, #section_5 #produits { display:block;}
	#congelation,#climatisation,#chauffage,#gaz_naturel,#ammoniaque,#plomberie {margin-left:10px;}
	 #produits > a > img {margin-top:10px;}

/**************** CONTENT ***************/
#act_ctn {width:723px; height: auto; min-height:380px; padding: 20px 20px 5px 20px ; text-align: left;  line-height: 150%; font-family:"Myriad Pro"; font-size:14px;} /*min-height:380px quand hors de l'accueil sinon 1050*/
.industriel #act_ctn { float:left;}
.residentiel #act_ctn { float:right;}

/********************** SIDEPAGE *************************/
#sidepage { width:250px; height:auto; *height:1050px; min-height:1050px; *min-height:auto; padding-left:7px; margin-top:18px;}
.industriel #sidepage{ float:right; background:url(site/sidepage_industriel.png) bottom center no-repeat;}
.residentiel #sidepage{ float:left; background:url(site/sidepage_residentiel.png) bottom center no-repeat;}

.industriel	#service { width:249px; height:231px; background: url(site/service_industriel.png) no-repeat;}
	.industriel	#service a{ display:block; width:249px; height:231px;}
.residentiel	#service { width:249px; height:231px; background: url(site/service_residentiel.png) no-repeat;}
	.residentiel	#service a{ display:block; width:249px; height:231px;}

.industriel #link { margin-top:15px;}
.residentiel #link { margin-top:20px;}
#imgbtnlink { position:static; margin-top:-3px;}
#imglink { margin-left:2px;}

.industriel #dyn_sub_menu { background:url(site/gradient_vert.png) repeat-x; display:block; float:left; margin-top:-3px; margin-left:13px; width:219px;}
.residentiel #dyn_sub_menu { background:url(site/gradient_rouge.png) repeat-x; display:block; float:left; margin-top:-3px; margin-left:11px; width:226px;}
#dyn_sub_menu ul { font-size:16px; font-family:Lucida Sans Unicode; }
	.industriel #dyn_sub_menu ul {color:#8fad1a;}
	.residentiel #dyn_sub_menu ul {color:#931923;}
#dyn_sub_menu li { margin:5px 0;}

/**************** FOOTER  ***************/
.push {height:430px;}

#footer { width:1020px; height: 430px; margin: 20px auto 0 auto; background: url(site/footer.png) top center no-repeat; clear: both;}

#footer_elements { width:990px; height: 67px; float:left; }

/**************** FOOTER / SITE MAP ***************/
#top_sitemap { border-bottom:1px solid #000; width:1020px; height:225px; }
	#top_sitemap > a {display:block; position:absolute;}
	
.industriel #contactbar { width:990px; height:62px; background:url(site/contact_industriel.png) no-repeat center center; padding: 0 15px; *position:absolute; *top:0; *left:0;}
.residentiel #contactbar { width:990px; height:62px; background:url(site/contact_residentiel.png) no-repeat center center; padding: 0 15px; *position:absolute; *top:0; *left:0;}

.industriel #corporationqc {width:132px; height:40px; background:url(site/corporationqc.png); top:95px; left:34px;}
.industriel #gazmetro {width:108px; height:44px; background:url(site/gazmetro.png); left:269px; top:93px;}
.industriel #aqgn {width:74px; height:76px; background:url(site/aqgn.png); left:478px; top:77px;}
.industriel #construction {width:101px; height:68px; background:url(site/construction.png); left:667px; top:89px;}
.industriel #batimentqc {width:137px; height:40px; background:url(site/batiment.png); left:839px; top:108px;}
.industriel #coalition {width:98px; height:60px; background:url(site/coalition.png); left:147px; top:144px;}
.industriel #cetaf {width:104px; height:46px; background:url(site/cetaf.png); left:343px; top:162px;}
.industriel #cmmtq {width:114px; height:43px; background:url(site/cmmtq.png); left:555px; top:158px;}

.residentiel #carrier {width:110px; height:45px; background:url(site/carrier.png); left:33px; top:99px;}
.residentiel #gazmetro {width:108px; height:44px; background:url(site/gazmetro.png); left:165px; top:99px;}
.residentiel #coalition {width:98px; height:60px; background:url(site/coalition.png); left:308px; top:94px;}
.residentiel #toshiba {width:85px; height:40px; background:url(site/toshiba.png); left:437px; top:101px;}
.residentiel #apcha {width:115px; height:48px; background:url(site/apcha.png); left:558px; top:92px;}
.residentiel #cetaf {width:104px; height:46px; background:url(site/cetaf.png); left:701px; top:99px;}
.residentiel #novoclimat {width:122px; height:42px; background:url(site/novoclimat.png); left:842px; top:98px;}

#expertise { text-align:left; display:block; margin:0 auto; width:715px;font-family:Myriad Pro; font-size:14px; color:#8e8f92; margin-top:10px;}

#bottom_sitemap { width:1020px; height:117px; background:url(site/sitemap.png) center 10px no-repeat; padding-top:80px;}
#bottom_sitemap div { padding-top:10px;}

.sitemap { font-family:Helvetica, sans-serif; font-weight:bold; color:#646567; margin: 10px;}
.sub_sitemap { font-family:Myriad Pro; font-size:18px; color:#8e8f92; margin:10px;}
#conception { text-transform:capitalize; color:#646567; font-size:18px; font-family:Myriad Pro; float:right; margin-top:20px;}
#bottom_sitemap img { float:right; margin-top:20px;}


/**********************************************************************************************************************/
/* DEFAULTS */
/**********************************************************************************************************************/
html, body {margin:0; padding:0; height:100%; width:100%; text-align:center;}

.wrapper {min-height: 100%; height: auto !important; height: 100%; text-align:left; position:relative; padding:0;}
.push {clear:both;}
.footer {position:relative; padding:0;}

img {border:none; }

div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}
.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }

.clear {clear:both;}

ul.menu{margin:0;padding:0;list-style-type:none;cursor:default;display:block;float:left;}
ul.menu li{margin:0;padding:0;display:block;list-style-type:none;position:relative;float:left;}
ul.MenuBarVertical li.top_itm{clear:both;}
ul.menu li a {display:block;cursor:pointer;}
ul.menu ul{padding: 0; list-style:none;z-index:1020;cursor:default;position:absolute;left:-1000em;}
ul.MenuBarHorizontal ul {margin:0;}
ul.MenuBarVertical ul{margin:0 0 0 100%;top:0;}
ul.MenuBarActive {z-index:1000;}
ul.menu ul.MenuBarSubmenuVisible{left:auto;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none;}
ul.menu iframe{position:absolute;z-index: 1010;}
@media screen, projection {li.MenuBarItemIE{display:inline;f\loat:left;}}

table.table {width:100%; clear:both; border-collapse:collapse;}
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:none; text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}
a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }
.calendar {text-align:center;}
.cal_holder {width:100%; }
.cal_holder .ccell {width:14%; display:block; float:left;} 
.cal_holder span.date {width:70%; display:block; float:left;}
.cal_holder a.nav, .cal_holder a.cal { cursor:pointer;}
.cal_holder ul.cal, .cal_holder ul.cal_sub, .cal_holder li.cal, .cal_holder li.cal_sub {display:block; margin:0; padding:0; list-style:none;}
.cal_holder ul.cal, .cal_holder li.cal { float:left;}
.cal_holder ul.cal {width:100%;}
.cal_holder li.ccell {height:1.2em; position:relative;}
.cal_holder a.cal {display:block;}
.cal_holder ul.cal_drop{text-align:left;}
.cal_holder ul.cal_drop{margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em;}
.cal_holder ul.right{left:auto; right:0;}
.cal_holder ul.left{left:0;}