/* -------------------------------------------------------------- 
	
	* screen.css - monsite.com
 
	* @type:    Screen
	* @langue:  Commun
	* @year:    2008
	* @author:  CyberGénération
	* @note:    background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others;
	
--------------------------------------------------------------- */
	

		
/* Default setting.
--------------------------------------------------------------- */  
	
	body { 	
		  font-family: Verdana, Arial, Helvetica, sans-serif;	
		  font-size: 12px; 
		  color: #666c5e; 
		  background: #FFF url(img/bg_body.gif) 0 0 repeat-x;
	}
	
	#printHeader			{ display:none }	
	#pageContainer		{ position:relative; width:960px; margin:0 auto 20px; top:48px;}
	
	a									{ color:#66b100; text-decoration:none; font-weight:bold; }
    a:hover					{ color:#666c5e; }
	
	
	.title 						{ color:#66b100; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0;}
	.subTitle 				{ color:#666c5e; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0;}
	
	#pageContent .subTitle a							{ color:#666c5e; }
		#pageContent .subTitle a:hover			{ color:#66b100; }
	
/* sIFR
--------------------------------------------------------------- */
 	
	.sIFR_interstate, 
	.sIFR_tradegothic							{ font-family:Verdana, Arial, Helvetica, sans-serif; }
	
	.pageTitle .sIFR_interstate, 
	.pageTitle .sIFR_tradegothic	{ height:1.4em;}
	
	h2.sIFR_interstate 		{ color:#66b100; text-transform:uppercase; font-size:18px; padding:0; margin:0; line-height:16px;}
	h3.sIFR_tradegothic 	{ color:#666c5e; text-transform:uppercase; font-size:16px; padding:0 0 6px 0; margin:-4px 0 0 0;  } 

	h2.sIFR_tradegothic 	{ color:#666c5e; text-transform:uppercase; font-size:16px; padding:0 0 1px 0; margin:0;} 
	h3.sIFR_interstate 		{ color:#66b100; text-transform:uppercase; font-size:16px; padding:0 0 5px 0; margin:0;} 

	body div#pageContainer .pageTitle 	{ border-bottom:1px solid #ff641a; margin-bottom:20px; }
	h2.sIFR_interstate.pageTitle 				{ height:27px;}
	
	
/* globalClass.
--------------------------------------------------------------- */ 
				
	body div#pageContainer .hide   		{ position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; }
	body div#pageContainer .none  		{ display:none }
	
	body div#pageContainer .right			{ float:right; }	
	body div#pageContainer .left 			{ float:left; }	
	body div#pageContainer .clear			{ clear:both; }
	
	body div#pageContainer .txtRight	{ text-align:right; }
	body div#pageContainer .txtLeft		{ text-align:left; }
	body div#pageContainer .txtCenter	{ text-align:center; }
	
	body div#pageContainer .first     { margin-left:0; padding-left:0; }
	body div#pageContainer .last      { margin-right:0; padding-right:0; }
	body div#pageContainer .top				{ margin-top:0; padding-top:0; }
	body div#pageContainer .bottom 		{ margin-bottom:0; padding-bottom:0; }
	
	body div#pageContainer .bold			{ font-weight:bold }
	body div#pageContainer .italic		{ font-style:italic }
	body div#pageContainer .normal		{ font-style:normal }
	
	body div#pageContainer .dotBorder	{ border-bottom:#999 1px dotted }
	
	body div#pageContainer .noBorder	{ border:none }
	body div#pageContainer .noIcon 		{ background:none; padding:0; margin:0; }
	body div#pageContainer .noFloat 	{ float:none }	
	body div#pageContainer .noBg			{ background:none; }
	
	body div#pageContainer .word-wrap	{ word-wrap:break-word; } /* word in IE only for now got a little js script to make it work in Firefox (waiting for CSS3) */	
	
	body div#pageContainer .discret a,
	body div#pageContainer a.discret { color:#666c5e; text-decoration:none; font-weight:normal; }
	body div#pageContainer .discret a:hover,
	body div#pageContainer a.discret:hover { color:#66b100; }
	
	
/* Success, notice and error boxes
-------------------------------------------------------------- */

	.error,
	.notice, 
	.success    			{ padding: .8em !important; margin-bottom: 1em; border: 2px solid #ddd; }
	
	.error      			{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
	.notice     			{ background: #FFF6BF; color: #514721; border-color: #FFD324; }
	.success    			{ background: #E6EFC2; color: #264409; border-color: #C6D880; }
	.error a    			{ color: #8a1f11; }
	.notice a   			{ color: #514721; }
	.success a  			{ color: #264409; }
		
/* customClass for list tag
-------------------------------------------------------------- */
	
	.noBullet li 			{ list-style-type: none; }
	.dotBullet li			{ list-style-type: none; background:url(img/listBullets/dotBullet_bw_4px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px;}
	.plusBullet li 			{ list-style-type: none; background:url(img/listBullets/plusBullet_bw1_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; }
	.arrowsBullet li 		{ list-style-type: none; background:url(img/listBullets/arrowsBullet_bw_11px.gif) no-repeat; background-position: 0 center; padding:0 0 0 22px; }
	
	.listBullet 			{ margin:0; padding:0;}
	.listBullet li 		{ list-style-type: none; background:url(img/listBullets/listBullet.gif) no-repeat; background-position: 0 3px; padding:0 0 0 10px; margin:5px 0;}
	

	
/* customClass for link icon
-------------------------------------------------------------- */

	.dotLink				{ background:url(img/listBullets/dotBullet_bw_4px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px;}
	.plusLink	 			{ background:url(img/listBullets/plusBullet_bw2_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; }
	.arrowLink				{ background:url(img/listBullets/arrowBullet_blue_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 10px; }

	.pdf					{ background: url(img/icons/pdf.png) right center no-repeat;  padding:2px 22px 2px 0; margin:-2px 0; }
	

/* pageHeader
--------------------------------------------------------------- */
	
	/* If the menu is below the pageHeader add 'margin-bottom' equal to the menuTop 'height' for clearing space */
	#pageHeader h1 a			{ background: url(img/logo_pageHeader.jpg) no-repeat; height:81px; width:173px; position:absolute; top:0; left:0; z-index:300;}
	#pageHeader #tagline a{ position:absolute; top:95px; left:0; z-index:90;}
	#flashHeader_holder		{ height:345px; position:relative;}
	#flashHeader					{ position:absolute; top:-47px; right:45px; width:475px; height:345px; overflow:hidden; background:none;}	
	
	
/* pageMenu
--------------------------------------------------------------- */

	/* quickMenu
	--------------------------------------------------------------- */	
	
	#quickMenu 							{ position:absolute; top:35px; left:334px; z-index:10;}
	#quickMenu li 					{ display: inline; padding:0 20px 0 3px; }
	#quickMenu a 						{ color:#FFF; font-weight:normal; font-size:8px; text-transform:uppercase; }
	#quickMenu a:hover			{ text-decoration:underline; }

	/* mainMenu
	--------------------------------------------------------------- */
			
	#mainMenu 		 					{ position:absolute; top:274px; left:43px; }
	#mainMenu ul 		 				{ width:852px; display:block; height:26px; }	
	#mainMenu li 						{ float:left;  }
	#mainMenu a							{ background-repeat:no-repeat; background-position:top; display:block; padding:0; height:26px; }
		#mainMenu a span 					{ display:none;}
	
	#mainMenu a:hover,																				
	#mainMenu li.selected a			{ background-position:bottom;} 	
	
	/* style the table so that it takes no part in the layout - required for IE to work */
	#mainMenu table 						{ position:absolute; top:0; left:0; width:852px; }
	#mainMenu ul ul a,
	#mainMenu li.selected ul a	{ background-position:top left;}
	#mainMenu ul ul a:hover			{ background-position:bottom left;}
	
	/* style for the dropdown menu */		
	#mainMenu ul ul 					{ position:absolute; top:26px; left:11px; display:block; width:852px; padding-top:14px; visibility:hidden; background:#fff; }
	#mainMenu ul ul li 				{ text-align:left; display:inline;} 
	#mainMenu ul ul li a			{ display:block; float:left; height:21px; }
	#mainMenu ul ul li.selected a			{ background-position:bottom left;}
	
	#mainMenu li.selected ul 	{ visibility:visible; }
	
	/* hover of the dropdown menu
	#mainMenu ul li:hover ul, #mainMenu ul li a:hover ul { visibility:visible; }
	#mainMenu ul li:hover ul, #mainMenu ul li a:hover ul	{ z-index:99; } */	
	
	
/* pageContent
--------------------------------------------------------------- */
	
	/* overflow:hidden pour forcé le wrappin dans FF - overflown:visible pour forcé le wrappin avec IE6  */	
	#pageContent					{ overflow:hidden !important; overflow:visible; height:auto !important; min-height:380px; height:380px; padding:0 53px}
	#section #pageContent { padding-top:25px;}
	
	#pageContent a				{ color:#66b100; text-decoration:none; font-weight:bold; }
  #pageContent a:hover	{ color:#666c5e; }
	
	#pageColumn1 					{ width:892px; padding:0;}	
	
	.content_holder				{ padding:10px 15px 0 15px; }
	.content_holder p			{ padding:0 15px 0 0; }
						
	
/* pageFooter
--------------------------------------------------------------- */
	
	#pageFooter						{ width:852px; margin:40px auto 0; border-top:1px solid #ff641a; padding:3px 0 5px; font-size:8px; font-weight:bold; text-transform:uppercase; color:#57604e;}
	#pageFooter a 				{ color:#666c5e;text-decoration:none;}
	#pageFooter a:hover 	{ color:#66b100; }
	
	#copyright 						{ float:right;}
	
	#bottom_linklist li		{ display:inline; padding:0 5px 0 0;}
	#copyright li 				{ display:inline; padding:0 0 0 5px;}
			
					
/* pageAccueil
--------------------------------------------------------------- */
	
	#pageAccueil #mainMenu ul ul {display:none;}
	
	#portfolio									{ padding:0;}
	#portfolio .type 						{ display:block; float:left; width:200px; margin:0 0 18px 17px;}
		#portfolio .type.first 		{ margin-left:0;}
	#portfolio .type h2 				{ color:#66b100; font-size:15px; padding-bottom:0; margin-bottom:0; margin-top:7px;height:43px; }
	#portfolio .type p 					{ border-top:1px solid #ff641a; padding:6px 0; font-size:11px;}
	
	#portfolio .type a, 
	body div#pageContainer a.voir 				{ color:#ff641a; font-weight:bold; text-transform:uppercase; font-size:11px;}
	#portfolio .type a:hover, 
	body div#pageContainer a.voir:hover 	{ color:#666c5e; }
			
	
/* template 2 colonnes
--------------------------------------------------------------- */

	.twoCols #pageColumn1				{ width:417px; float:left; margin:0 18px 0 0;}
	.twoCols #pageColumn2				{ width:418px; float:left; }	
	
	
/* equipe
--------------------------------------------------------------- */

	.equipe .bio			 					{ float:left; width:636px; margin-left:16px;}
	.equipe .desc			 					{ float:left; width:400px; }
	
	#menuEquipe, 
	#listeEquipe 				 				{ float:left; width:200px; margin:0 0 0 20px; padding:0;}
	#menuEquipe li, 
	#listeEquipe li 						{ margin-bottom:6px;}
	#menuEquipe a span, 
	#listeEquipe li span 				{ display:none;}
	#menuEquipe a, 
	#listeEquipe li							{ background-position:top; background-repeat:no-repeat; display:block; padding:0; height:30px; width:200px;}
	#menuEquipe a.twoLines, 
	#listeEquipe li.twoLines		{ height:40px; margin-bottom:10px;}
	#menuEquipe a:hover,
	#menuEquipe a.selected			{ background-position:0 -40px;}
	
	
/* PORTFOLIO
--------------------------------------------------------------- */

	.showcase #pageColumn1			{ width:417px; float:left; margin:0 18px 0 0;}
	.showcase #pageColumn2			{ width:418px; float:left; position:relative;}	
	
	.showcase #credit 					{ background:url(img/credit-env-canada.gif) bottom right no-repeat; width:16px; height:304px; position:absolute; right:-16px;}
	
	#menuPortfolio 				 			{ float:left; width:355px; margin:15px 0 0; padding:0;}
	#menuPortfolio li 					{ margin-bottom:8px;}
	#menuPortfolio a						{ color:#66b100; font-size:12px; text-transform:uppercase; font-weight:normal;}
		#menuPortfolio a:hover,
		#menuPortfolio a.selected { color:#ff641a;}
		
	/* sous-sous-sous-menu - section thematique */
	#menuPortfolio ul						{ margin-top:10px;}
	#menuPortfolio ul a					{ color:#66b100; font-size:11px; background:url(img/listBullets/listBullet-grey.gif) no-repeat; background-position: 0 3px; padding:0 0 0 10px; margin:5px 0; }

	.icons_holder 							{ position:absolute; top:308px; right:0;}
	.icons_holder ul 						{ display:block; float:left; margin:0 0 0 4px; padding:0;}
	.icons_holder a 		 				{ display:block; width:25px; height:22px;}
	.icons_holder a span 				{ display:none; }
	
	.icons_holder .btn_diapo a	{ background:url(img/icon_diapo.gif) no-repeat; }
	.icons_holder .btn_video a	{ background:url(img/icon_video.gif) no-repeat; }
	.icons_holder .btn_diapo a:hover,
	.icons_holder .btn_video a:hover	{ background-position:bottom;}	
	
	
/* Contact
--------------------------------------------------------------- */

	/*.contact #pageColumn1 			{ width:417px; padding-left:217px;}*/
	form fieldset								{ display:block; clear:both; border:none; padding:0; margin:20px 0;}
	form label									{ display:block; clear:both; font-weight:normal;}
	form .text,
	form textarea								{ display:block; clear:both; width:417px; border:1px solid #ff641a;}
	form .submit								{ display:block; clear:both; border:none; background:#FFF; padding:0; margin:0; text-align:left; font-size:12px; font-weight:bold; text-transform:uppercase; color:#ff641a;}
	form .submit:hover 					{ color:#666c5e;}
	.formHolder 								{ width:417px; display:block; float:left; margin-right:15px;}
	
	.address, .plan, .directions 	{ display:block; float:left; text-transform:uppercase; font-size:11px;}
	.address, .plan								{ margin-right:15px;}
	.address, .directions 				{ width:210px; }
	
	.tel 													{ color:#ff641a; font-weight:bold;}
	
/* Sitemap et 404
--------------------------------------------------------------- */
	
	#pageContent .sitemap li								{ text-transform:uppercase; }
	#pageContent .sitemap a									{ color:#666c5e; font-weight:normal;}
	#pageContent .sitemap a:hover						{ color:#66b100; }