/* CLF 2.0 TEMPLATE VERSION 1.02 | VERSION 1.02 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */



.clsGreyTitle {
	background: url("../images/common_colour_gradient_greyTitle_BG.gif");
	background-position:	bottom;
	background-repeat:		repeat-x;
	height:					2em;
	border-top: 			3px solid #fff;
}


.clsGreyBg {
	background-color:             #777788;
	/*background-position:	bottom;*/
	/*background-repeat:		repeat-x;*/
	/* height:					2em;*/
	/*padding:                 0px;*/
	/*width:                   395px;*/
	border-top: 			3px solid #fff;
	border-bottom:			3px solid #fff;
	border-left:			1px solid #fff;
	border-right:			1px solid #fff;
	float:			    	none;
	
	
}


.clsLightGrey {
	background-color:       #EEEEEE;
	padding-bottom:         5px;
	margin-left:			0px;
	/*padding-right:          0px;*/
	float:	                left !important; /*fixed printing problem with IE6*/
	float:                  none;
	/*text-align:left;*/
	font-size:               85%;
	margin-bottom:           5px;
	margin-top:              5px;
	width:                  100%;
    overflow:               hidden;	
}


.clsLightGrey2 {
	background-color:       #EEEEEE;
	padding-bottom:         5px;
	/*margin-left:			0px;*/
	/*padding-right:          0px;*/
	/*float:	                left;*/
	/*text-align:left;*/
	font-size:               85%;
	margin-bottom:           5px;
	margin-top:              5px;
	/*width:                  100%;*/
	
}



H3.clsWhiteBullet {
	color:					#FFFFFF;
	/*font-size: 				85%;*/
	font-size: 				100%;
	background: 		    url("../images/white_square.gif");
	background-repeat:		no-repeat;
	padding:				0px 0px 0px 15px;	 
	margin: 				5px 5px 5px 10px;
	font-weight:			bold;

}  

H3.clsWhiteBullet a:link,
H3.clsWhiteBullet a:visited {
	color:					#FFFFFF;
	
	text-decoration: 		none;
}


H3.clsWhiteBullet a:hover {
	color:					#FFFFFF;
	text-decoration: 		underline;
}



li.clsBusinessList a:link,
li.clsBusinessList a:visited {
	
        color:					#000000;
	
	text-decoration: 		none;
}


li.clsBusinessList a:hover {
	
        color:					#000000;
	text-decoration: 		underline;
}




.clsImageAlign {
	margin-right: 5px;
	float:left;
	/*margin-bottom:10px;*/

}

.clsImageAlign2 {
	margin-right: 20px;
	float:left;

}

.gradientMenuText{
	color: 					#333333;
	margin: 				5px 5px -20px 10px;
	font-weight:			normal;
	text-decoration:		none;
	font-size:				80%;
	}
	
.gradientMenuText a:link,
.gradientMenuText a:visited {
	color: 					#333333;
	font-weight:			normal;
	text-decoration:		none;
	}
	
.gradientMenuText a:hover {
	color: 					#000000;
	text-decoration:		underline;
	}



/* Form Elements */
input.clsDFAITNav,textarea.clsDFAITNav, select.clsDFAITNav {
	margin: 0px 0px 2px 2px;
	width: 144px;
	color : #000000;
	background-color : #fff;
	border-color : #999;
	border-style: solid;
	border-width: 1px;
	font-size: 70%;
	
}

select.clsDFAITNavCountryList {
	margin: 5px 0px -10px 5px;
	color : #000000;
	background-color : #fff;
	border-color : #999;
	border-style: solid;
	border-width: 1px;
	font-size: 75%;
}

input.clsDFAITNavCountryButton {
	color : #000000;
	border-color : #999;
	border-style: solid;
	border-width: 1px;
	font-size: 70%;
	font-size: 80%;
	background-color : #fff;
	margin: 12px 5px -15px 5px;
}

input.clsDFAITNavCommerceButton {
	color : #000000;
	border-color : #999;
	border-style: solid;
	border-width: 1px;
	font-size: 70%;
	font-size: 80%;
	background-color : #fff;
	margin: 0px 5px 5px 5px;
}


/* H2 = Red titles appearing under the symbols on rounded red squares */
H2.clsRedLink {
	/*color:				#CC0033;*/
	color:                  #000000;
	font-size: 				110%;
	margin:					0px 0px 0px 0px;
	padding:				0px;	
	font-weight:			bold;
	text-align: 			center;
}

H2.clsRedLink a:link,
H2.clsRedLink a:visited,
H2.clsRedLink a:active {
	/*color:					#CC0033;*/
	color:                  #000000;
	text-decoration: 		none;
}

H2.clsRedLink a:hover {
	/*color:					#CC0033;*/
	color:                  #000000;
	text-decoration: 		underline;
}




div.clsLeftImage 
{
	float:left;
	/*display: inline;*/
	width:132px;
	height:80px;
	background:  url("../images/travel_s2.jpg") no-repeat;
	overflow:hidden;

}


div.clsRightImage 
{
	
	
	float:right;
	/*display:inline;*/
	text-align:center;
	width:131px;
    height:80px;
	background:  url("../images/world_s2.jpg") no-repeat;
	overflow:hidden;

}	


div.clsCentreImage 
{
	float:left;
	/*margin-left:137px;*/
	/*margin-top:0px;*/
	width:132px;
	height:80px;
	background:  url("../images/business_s2.jpg") no-repeat;
	overflow:hidden;
}



div.clsLeftImage2
{
	float:left;
	/*display: inline;*/
	/*width:132px;*/
	height:80px;
	/*background:  url("../images/travel_s2.jpg") no-repeat;*/

}


div.clsRightImage2 
{
	
	
	float:right;
	/*display:inline;*/
	text-align:center;
	/*width:131px;*/
    height:80px;
	/*background:  url("../images/world_s2.jpg") no-repeat;*/


}	


div.clsCentreImage2 
{
	float:left;
	/*margin-left:137px;*/
	/*margin-top:0px;*/
	/*width:132px;*/
	height:80px;
	/*background:  url("../images/business_s2.jpg") no-repeat;*/
}


div.wrapperBg {
	background-color: #EEEEEE; 
	float:             left;
    /*margin-left:	   0px;*/
	/*padding-right:          0px;*/
	/*float:	                left;*/
	/*text-align:left;*/
	/*font-size:               85%;*/
	/*margin-bottom:           5px;
	margin-top:              5px;*/
	width:            100%;
}




div.wrapperBg:after {
	content: ""; 
	display: block; 
	height: 0;
	clear:both;
    visibility: hidden;
}




div.wrapper {

width:395px;
height:150px;
margin:0px;
padding:0px;
text-align:center;
overflow:hidden;
}


div.wrapperBusiness {
background-color:#EEE;
width:395px;
/*height:225px;*/
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
}


div.wrapperBusinessnew {
background-color:#EEE;
width:395px;
/*height:225px;*/
padding:0px;
}




div.clsLeftImageBusiness1 
{
	float:left;
	/*display: inline;*/
	width:195px;
	height:60px;
	/*background:  url("../images/canadian_business_s2.jpg") no-repeat;*/
	/*overflow:hidden;*/
}


div.clsRightImageBusiness1 
{
	float:right;
	/*display:inline;*/
	text-align:center;
	width:200px;
  height:60px;
	/*background:  url("../images/noncanadian_business_s2.jpg") no-repeat;*/
	/*overflow:hidden;*/
}	


div.clsLeftImageBusiness1new 
{
	float:left;
	/*display: inline;*/
	width:195px;
	/*height:60px;*/
	/*background:  url("../images/canadian_business_s2.jpg") no-repeat;*/
	
}


div.clsRightImageBusiness1new 
{
	
	
	float:right;
	/*display:inline;*/
	text-align:center;
	width:200px;
   /* height:60px;*/
	/*background:  url("../images/noncanadian_business_s2.jpg") no-repeat;*/


}	



div.clsLeftImageBusiness2 
{
	float:left;
        font-size:85%;
	/*display: inline;*/
	width:195px;
	height:100%;
	background:  url("../images/canadian_business_s2_new.jpg") no-repeat;
	

}





div.clsRightImageBusiness2 
{
	
	
	float:right;
        font-size:85%;
	/*display:inline;*/
	width:200px;
    height:100%;
	background:  url("../images/noncanadian_business_s2_new.jpg") no-repeat;
	

}	



div.clsLeftImageBusiness2new 
{
	float:left;
	/*display: inline;*/
	width:195px;
	
	/*height:145px;*/
	background:  url("../images/canadian_business_s2_new.jpg") no-repeat;

}


div.clsRightImageBusiness2new 
{
	
	
	float:right;
	
	/*display:inline;*/
	width:200px;
    /*height:145px;*/
	background:  url("../images/noncanadian_business_s2_new.jpg") no-repeat;


}	




div.clsIntro 
{
	/*border-top: 1px solid;
	border-color:#CC0033;*/
	padding-top:1px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	/*margin-bottom:15px;*/
	background-color:#EEE;
}


div.clsIntro h1 {

	font-size:110%;

}

div.clsIntro  p {


	font-size:85%;
	font-weight:normal;
	vertical-align:super;

}





.clsChoice 
{
	background-color:#CCC;
	padding-top:10px;
	padding-bottom:5px;
		
}


.clsRightArticle
{
	padding:5px;
	
}


.articleRight {
	color: #000000;
	margin: 5px;
	text-decoration: none;
	font-size: 0.85em;
	text-align: left;
	font-weight:normal;
	
	
}

.articleRight a:link,
.articleRight a:visited,
.articleRight a:active {
	color: #000000;
	text-decoration: none;
}

.articleRight a:hover {
	color: #000000;
	text-decoration: underline;
}

	
	
/* latest news */
ul.clsPageNews {
		font-size: 95%;
		list-style: none;
		margin: 5px;
		padding: 0px;
		font-weight: normal;
		float:none;
		
}

ul.clsPageNews li {
		margin-top: 0px;
		
}

li.clsPageNews2 a:link {
	color: #333399;
	text-decoration: none;
	
}


li.clsPageNews2 a:visited {
	color: #333399;
	text-decoration: none;
	
	
}
	

li.clsPageNews2 a:active {
	color: #333399;
	text-decoration: none;
	
	
		
}

li.clsPageNews2 a:hover {
		color: #000000;
		text-decoration: underline;
		
}

.clsIndent {
	padding-bottom:0px;
	padding-left:20px;
}
	
.clsIndent2 
{
	/*text-indent: -5em;
    padding-left: 5em;*/
	/*padding-bottom: 100px;*/
	/*padding-left:20px;*/
}


.clsLeftContent
{
	
	float: left;
	/*margin-left:0px;*/
	/*margin-top:0px;*/
	width:215px;
	height:150px;
	/*padding-bottom:10px;*/
	/*margin-bottom:20px;*/
	/*height:170px;*/
	/*height:auto;*/
	overflow:auto;
	
	
}	


.clsRightContent
{
	
	float: right;
	/*float:left;*/
	width:330px;
	/*width:auto;*/	
	padding-left:10px;
	padding-right:10px;
	/*margin-left: 30px;*/
	/*margin-top:0px;*/
	/*margin-right:0px;*/
	/*margin-bottom:20px;*/
	/*padding-right:10px;*/	
	/*padding-bottom:10px;*/
	/*height: 170px;*/
	/*height:auto;*/
	
	
}


div.clsRightContent p
{
		
	font-size:100%;
}	


div.clsRightContent h2
{
		
	font-size:110%;
	
}	

div.clsRightContent a:link 
{
	color:					#000000;
	text-decoration: 		underline;
}


div.clsRightContent a:visited 
{
	color:					#000000;
	text-decoration: 		underline;
}

div.clsRightContent a:active 
{
	color:					#000000;
	text-decoration: 		underline;
}



div.clsRightContent a:hover {
	color:					#CC0033;
	text-decoration: 		underline;
}


.clsDate
{

	color:  #333333;
}


.clsSeparator
{
	
 height:50px;
 background-color:#FFF;
 margin-bottom:5px;
 
}


.clsContentWrap
{
	
	float:left;
	/*margin-bottom:20px;
	margin-top:10px;*/
	height:14em;	
	
}	






.clsPrimaryLanguages
{
	/*width:75px;*/
	width: 7em;
	/*height:20px;*/
	border-top: #F66 2px solid;
	border-left: #F66 2px solid;
	border-bottom: #C33 2px solid;
	border-right: #C33 2px solid;
	height: 1.14em;
	text-align: center;
	padding: 0.19em;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	margin-bottom:20px;
	margin-top:10px;
	float: left;
	
	
}


span.clsPrimaryLanguages a:link
{

	
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;	
}


span.clsPrimaryLanguages a:link
{


	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;	
}


span.clsPrimaryLanguages a:visited
{

	
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;	
}


span.clsPrimaryLanguages a:active
{

	
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;	
}

span.clsPrimaryLanguages a:hover
{

	
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;	
}


div.more
{
	float: right;
}	

div.photoGallery
{
	padding-bottom: 10px;	
}

div.leftImage
{
	width:150px; 
	height:auto; 
	margin-bottom:10px;
	margin-right:10px;
	padding-right: 10px;
	float:left;
	clear:none;
}

div.centerImage
{
	text-align: center;	 
}	  	

div.clsCentre
{
	text-align: center;	 
}	  	
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */