/*

	Table of Contents
		
		1. Layout
			a. Header
			b. Body
			c. Footer
		
		2. Content
			a. Afficher Soiree
			b.
			c.
			d. Invite
			e. Profile	
s




*/

/* 1. Layout
----------------------------------------------------------*/
body{
background-color:#ececec;
}
.header{
	background:transparent url(../../images/header.jpg) repeat scroll center;
	height:103px;
}

.header .topMenu{
	background:transparent url(../../images/topMenu.png) repeat scroll center bottom;
	float:right;
	padding:5px 10px;
	position:absolute;
	right:0;
	width:123px;
}

.topMenu a{
	color:#FFFFFF;
	display:block;
	margin:5px 0;
	padding-left:20px;
}

.topMenu a.fr{
	background:transparent url(../../images/fr.png) no-repeat left center;
}

.topMenu a.es{
	background:transparent url(../../images/es.png) no-repeat left center;
}

.topMenu a.com{
	background:transparent url(../../images/en.png) no-repeat left center;
}

.otherLanguages{
	border-top:1px solid #495D7C;
	display:none;
	margin-top:5px;
}

.header .container{
	position:relative;
}





.header .logo{
	background:transparent url(../../images/logo.png) repeat scroll center center;
	display:block;
	float:left;
	height:67px;
	margin-left:30px;
	margin-top:18px;
	text-indent:-9999px;
	width:194px;
}

.header ul{
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:61px 0 0;
	width:610px;
}
.header ul a{
	background-image:url(../../images/tabs.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:42px;
	text-indent:-9999px;
	margin-right:12px;
}



.header ul a#activeMenu.whatwedo{width:122px;background-position:0 -7px;}
.header ul a#activeMenu.portfolio{width:98px;background-position:-131px -7px;}
.header ul a#activeMenu.clients{width:88px;background-position:-256px -7px;}
.header ul a#activeMenu.aboutus{width:102px;background-position:-367px -7px;}
.header ul a#activeMenu.contactus{width:113px;background-position:-482px -7px;}

.header ul a:hover.whatwedo{width:122px;background-position:0 -61px;}
.header ul a:hover.portfolio{width:98px;background-position:-131px -61px;}
.header ul a:hover.clients{width:88px;background-position:-256px -61px;}
.header ul a:hover.aboutus{width:102px;background-position:-367px -61px;}
.header ul a:hover.contactus{width:113px;background-position:-482px -61px;}

.header ul a.whatwedo{width:122px;background-position:0 -104px;}
.header ul a.portfolio{width:98px;background-position:-131px -104px;}
.header ul a.clients{width:88px;background-position:-256px -104px;}
.header ul a.aboutus{width:102px;background-position:-367px -104px;}
.header ul a.contactus{width:113px;background-position:-482px -104px;}




.footer{
background:transparent url(../../images/footer.png) repeat scroll center top;
bottom:0;
font-size:11px;
height:44px;
padding:8px 0 0;
position:fixed;
right:0;
width:100%;
z-index:99;
}

.footer ul li{
display:inline;
}
.footer ul a{
color:#FFF;
}

.footer ul{
text-align:right;
margin:0;
}
.footer li a{
line-height:44px;
margin-left:26px;

}
.footer .findUs a{
display:block;
float:left;
height:38px;
background:transparent url(../../images/findus.png) repeat scroll top;
text-indent:-9999px;



}

.footer .findUs a:hover.twitter{background-position:0 2px;}
.footer .findUs a:hover.facebook{background-position:-109px 2px;}
.footer .findUs a:hover.flickr{background-position:-225px 1px;}
.footer .findUs a:hover.slideshare{background-position:-314px 1px;}

.footer .findUs a.twitter{width:106px;background-position:0 bottom;}
.footer .findUs a.facebook{width:98px;background-position:-109px bottom;}
.footer .findUs a.flickr{width:76px;background-position:-225px bottom;}
.footer .findUs a.slideshare{width:111px;background-position:-314px bottom;}


.body{
padding:22px;
width:950px;
margin:0 auto;
background:#FFF url(../../images/bodyContainer.png) repeat-x scroll top;
}

.bodyBottom{
width:994px;
height:29px;
background:#FFF url(../../images/bodyBottom.png) repeat-x scroll bottom;
margin:0 auto 50px;
}


.body .container{


}
a.button:hover *,  a.button:hover{
text-decoration:none !important;
}
.button span{
	background-image:url(../../images/button.png);
	background-position:left top;
	color:#09567A;
	display:block;
	float:left;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	height:27px;
	line-height:25px;
	padding:0 0 0 30px;
	cursor:pointer;
}

.button{
background-image:url(../../images/button_right.png);
background-position:right 0;
background-repeat:no-repeat;
display:block;
float:left;
height:27px;
padding-right:16px;
	
}

.button:hover span{
	background-position:left bottom;
	color:#FFF;
}

.button:hover{
	background-position:right bottom;
}

.doubleButton a{
margin-right:15px;
}

h2{
font-size:24px;
color:#ff761a;
margin:
}
.wideColumn{

}

.box{
margin-bottom:15Px;
}

.homeColumn .box{
margin-bottom:30px;
}

.box p, .box ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.box a{
	font-weight:bold;
}

.box a:hover{
	color:#FF761A;
}
	

.endForm{
text-align:center;
}

h1.withPathway{
margin-bottom:0;
}


.pathway{
color:#AAAAAA;
font-size:11px;
margin-bottom:20px;
margin-left:4px;
margin-top:5px;
}

.pathway a{
color:#999;

}

.winner{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#FFF8CC url(../../images/wr.png) no-repeat scroll 6px center;
border:2px solid #FFE222;
font-size:13px;
margin:0 0 10px;
padding:4px 10px 11px 104px;
}

.winner strong{
	display:block;
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
}

.quote{
border-left:4px solid #CCC; padding:10px; background:#F1F1F1; font-family:Verdana;line-height:19px; margin-left:15px;font-size:11px;
}

/* 2. Content
----------------------------------------------------------*/

	/* A. Home
	----------------------------------------------------------*/
	div.bb{
		background: url(../../images/bb.png) no-repeat scroll top;
		height:368px;
		margin:0 0 12px;
	}

	.bbMenu a{
	display:block;
	float:left;
	height:98px;
	width:237px;
	text-indent:-9999px;
	
	}
	.bbMenu a:hover{background: url(../../images/bb.png) no-repeat;
	}
	
	.bbMenu a.apps:hover{background-position:0 -368px;}
	.bbMenu a.socialize:hover{background-position:-237px -368px;}
	.bbMenu a.widgets:hover{background-position:-474px -368px;}
	.bbMenu a.mobile:hover{background-position:-711px -368px;}
	
	.bbMenu a#bbActive{
		background: url(../../images/bb.png) no-repeat;
	
	}
	.bbMenu a#bbActive.apps{background-position:0 -466px;}
	.bbMenu a#bbActive.socialize{background-position:-237px -466px;}
	.bbMenu a#bbActive.widgets{background-position:-474px -466px;}
	.bbMenu a#bbActive.mobile{background-position:-711px -466px;}
	
	.bbContent{
		padding:18px 25px;
		height:234px;
		display:none;
	}
	
	.bbContent h2{
		color:#FFF;
		font-size:2em;
	}
	.bbContent p{
		color:#FFF;
	}
	#bb_apps{
		padding-right:470px;
		background: url(../../images/tab1.png) no-repeat right bottom;
	}
	#bb_socialize{
		background: url(../../images/tab2.png) no-repeat center center;
		padding:18px 18px 18px 540px;
		
	}
	
	#bb_widgets{
		background: url(../../images/tab3.png) no-repeat center center;
		padding:18px 18px 18px 500px;
	}
	
	
	#bb_mobile{
		background: url(../../images/tab4.png) no-repeat center center;
		padding:18px 18px 18px 560px;
	}
	
	
	
	.blog{
	font-size:11Px;
	padding:0 5px;
	}

	.blog p{
		border-bottom:1px solid #D9E3F3;
		margin-bottom:10px;
		padding-bottom:10px;
		font-family:Tahoma;
	}
	
	
	.blog a{
	color:#253a5e;
	}
	
	.blog em{
	font-weight:bold;
	color:#999;
	font-style:normal;
	}
	.blog span{
	color:#999;
	}
	
	.caseStudy object{
	float:right;
	margin-left:10px;
	}
	
	.box{
	margin-bottom:15Px;
	}
	
	.article img{
	float:right;
	margin:10px;
	}
	
	/* B. Contact
	----------------------------------------------------------*/	
	fieldset p label{
		display:block;
		width:100px;
		float:left;
		line-height:26px;
		color:#888;
	}
	
	
	/* C. What We Do
	----------------------------------------------------------*/
	.wwd img{
	float:left;
	margin-right:10px;
	}
	.leftColumn .wwd{
	margin-right:10px;
	}
	
	.wwd{
	margin-bottom:60px;
	font-size:11px;
	}
	
	/* C. Portfolio
	----------------------------------------------------------*/	
	.conteneurListLogos a{
		margin:7px;
		display:block;
		float:left;
		opacity:0.6;
	}
	.conteneurListLogos a:hover{
		opacity:1;
	}
	.conteneurListLogos a.selected{
		opacity:1;
	}
	.portfolio h4{
		font-size:12px;
		color:#666;
	}
	.portfolio h2{
		margin-bottom:0px;
	}
	
	.project h2.headerProject{
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	background:#61749A none repeat scroll 0 0;
	color:#FFFFFF;
	line-height:27px;
	margin-bottom:0;
	padding:8px 11px 5px;
	}
	
	.project h2.headerProject img{
		float:right;
	}
	.project h4{
		font-size:12px;
		padding-top:15px;
	}
	.project h4 span{
		margin-right:20px;
	}
	
	.project .wrap{
		background:#F7F7F7 none repeat scroll 0 0;
		margin-left:11px;
		padding:0 10px 10px;	
		
	}
	
	/* D. Clients
	----------------------------------------------------------*/
	.conteneurClients {
	margin-top:30px;
	text-align:center;
	}
	
	/* E. ABout
	----------------------------------------------------------*/
	.conteneurPressLinks {
	text-align:center;
	}
	.conteneurPressLinks  a{
	margin:20px;
	}
	
	.conteneurTestimonials em{
		display:block;
		font-size:10px;
		color:#666;
		font-style:normal;
	}
	
	.conteneurTestimonials span{
		background:transparent url(../../images/start_quote.gif) no-repeat scroll 0 0;
		color:#222222;
		font-size:11px;
		font-weight:bold;
		padding-left:24px;
	}
	
	.conteneurTestimonials p{
	border-bottom:1px solid #D8DFEA;
padding-bottom:14px;
	}
	/* F. Solutions
	----------------------------------------------------------*/
	
	.conteneurContact{
		background:transparent url(../../images/contact_bg.png) no-repeat scroll 0 0;
		font-size:17px;
		font-weight:bold;
		height:201px;
		line-height:29px;
		padding:10px;
		text-align:center;
	}
	
	.conteneurContact a{
		background:transparent url(../../images/contactButton.png) no-repeat scroll center top;
		display:block;
		height:60px;
		margin:14px auto;
		text-indent:-9999px;
		width:253px;
	}
	
	.conteneurContact a:hover{
		background-position:bottom;
	}
	
	.listStep strong{
	display:block;
	}
	
	.listStep li{
	margin:10px 0;
	}
	
	.appSample img{
	float:left;
	margin:0 10px 0 0;
	}
	

	
	.conteneurListFonctions a {
	display:block;
	margin:10px 0;
	font-size:12px;
	padding:4px;
	line-height:14px;
	font-weight:normal;
	}
	
	.conteneurListFonctions a span{
	color:#444;
	}
	.conteneurListFonctions *{
	vertical-align:middle;
	
	}
	.conteneurListFonctions a:hover {
	text-decoration:none;
	color:#253A5E;
	cursor:default;
	}
	
	.job{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#EDF1F7 none repeat scroll 0 0;
	margin:30px 0;
	padding:14px;
	}
	
	.job h3{
	font-size:26px;
font-weight:bold;
	}

			
	.conteneurKRDSConnect{
		-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#EDF1F7 none repeat scroll 0 0;
margin:30px 0;
padding:14px;
	}