/* Main styles - Alogient 
--------------------------
2007-03-07
*/

/*
Main structure: _STRUCT
---------------------------
Home page sample
body
- #main
-- #header
---- #logo
---- #language
---- #menu
--- #centerContent
---- #leftCenter
----- #innerLeft
---- #pretty
--- #bottomContent
---- #leftBottom
---- #centerBottom
---- #rightBottom
--- #footer
---- #menuFooter
---- #copyright

*/
html
{
    height:100%;
    margin:0;
}

body
{
    min-height:100%;
    _height:100%;
    margin:0;
}


#main {
	margin:0 auto;
	width:980px;
    min-height: 100%;
    height: 100%;
    
	
}
/* Hack for IE */
/** html #main {
    height: 100%;
}

#aspnetForm {
    min-height: 100%;
    height: 100%;
    
}*/
/** html #aspnetForm {
    height: 100%;
}*/

#innermain {
	margin:0 auto;
	min-height: 100%;
	height:100%;
	width:960px;
	background:url(../images/line.gif) repeat-y left;
}
/* Hack for IE */
/** html #innermain {
    height: 100%;
}
*/
#header {
	border-bottom:1px solid #86AC51;
	height:144px;
	position:relative;
	text-align:right;
}

#logo {
	border-right:1px solid #86AC51;
	float:left;
	height:144px;
	width:319px;
}
#menu {
	display:inline;
	float:right;
	padding:0 32px 28px 0;
	position:absolute;
	bottom:0;
	right:0;
	width:640px;
}
/*#language {
	display:inline;
	float:right;
	font-size:11px;
	margin:30px 32px 0 0;
}*/

#topMenu {
	display:inline;
	float:right;
	font-size:11px;
	margin:30px 32px 0 0;
}

#centerContent {
	border-bottom:1px solid #86AC51;
	text-align:left;
	background:url(../images/line.gif) repeat-y left;
}

#leftCenter {
	display:inline;
	float:left;
	height:381px;
	position:relative;
	width:319px;
	border-right:1px solid #86AC51;
}

#innerLeft, #innerLeftContact, #innerLeftAchieve {
	position:absolute;
	bottom:35px;
	left:31px;
	width:255px;
	margin:0;
	padding:0;
}


#pretty {
	float:left;
	display:inline;
	height:383px;
	position:relative;
	/*flash dimensions : 640x383*/
}

#flashcontent {
    display:block;   
    bottom:0px; 
    left:0px; 
    position: absolute; 
    z-index: 99; 
    height: 408px;
    width:640px;
}
 
.flashnie {
    display:block;
    position:absolute;
    top:13px;
    
}
.flashie { /* < ie7 */
    display:block;  
    position:absolute;
    top:1px;
     
}
.iePrettyFix { /* < ie7 */
    display:block;  
    position:absolute;
    top:-25px;
     
}

.mainPicture {
   display:block;
   position:absolute;
   top:25px; 
}

#bottomContent {
	background:url(../images/3_col_bg.gif) repeat-y;
	border-bottom:1px solid #86AC51;
	text-align:left;
}

#bottomContentTwo {
	background:url(../images/2_col_bg.gif) repeat-y;
	border-bottom:1px solid #86AC51;
	text-align:left;
}

#bottomContentError {
    background:url(../images/2_col_bg.gif) repeat-y;
    text-align:left;
}
            
#leftBottom {
	float:left;
	padding:31px;
	width:257px;
}

#centerBottom {
	float:left;
	padding:31px;
	width:257px;
}

#rightBottom {
	float:left;
	padding:31px;
	width:257px;
}

#doubleBottom {
	float:right;
	padding:31px;
	width:579px;
}
				
#footer {
}

#copyright {
	padding:31px;
	text-align:right;
	font-size:11.5px;
}

/*generic content*/
#leftContent {
	float:left;
	width:255px;
	padding:32px;
}
#content {
	float:right;
	width:576px;
	padding:32px;
}

/* Profile */
#leftCenterMetier, #leftCenterMethode  {
	display:inline;
	float:left;
	height:375px;
	position:relative;
}
	
#executif, #methode {
	float:right;
	width:624px;
	padding:8px;	
}
#executif {
	width:640px;
	/*ie 5.5 happy*/
	voice-family: "\"}\""; 
    voice-family:inherit;
    width:624px;
}

html>body #executif { /*opera happy*/
  width:624px;
} 				

#leftCenterContact, #leftCenterAchieve {
    border-right:1px solid #86AC51;
	display:inline;
	float:left;
	position:relative;
	height:381px;
	width:319px;
	
	
}

/*methode*/
#methodeLeft, #methodeRight {
	float:left;
	width:304px;
	height:345px;
	margin:8px 0px 8px 8px;
	position:relative;
}

#methodeLeft {
	background:#10a8ce;
}
#methodeRight {
	background:#edbf32;
}

/*Case studies*/
#caseContent {
	float:left;
	width:363px;
}
#caseHighlight {
	float:right;
	padding-left:31px;
	_padding:0;
	width:184px;
	margin:0;
}

/* Content styles
------------------------------
*/
#content h1 {
    margin-top:-6px; 
    padding-bottom:16px;   
}   
#leftContent h2 {
	padding-bottom:4px;
	padding-top:24px;
}

#content p, #bottomContent p, #leftContent p, #caseContent p {
	padding-bottom:16px;
}

#content ul, #caseContent ul {
    font-size:12px;
    line-height:15px;
	margin-left:14px;
	margin-top:-4px;
	padding-bottom:16px;
}

#menu a,/* #language a*/#topMenu a /*#menuFooter a */{
	color:#6F9134;
	font-weight:bold;
	text-decoration:none;
}

#topMenu a{
	font-weight:normal;
}

#leftCenter p, #leftCenterMetier, #bottomContent p, #copyright p, #content p, #innerLeftContact p, #innerLeftAchieve p, #content ul, #caseContent p, label{
	font-size:13px;
	line-height:16px;
}

#innerLeft p
{
    margin:0;
    padding:0;
    
    }

img.titleImg {
    padding-bottom:26px;
}
img.titleImgFront {
    padding-bottom:16px;
}

ul.news, ul.partners, ul.clients, ul.squares {
	font-size:11.5px;
	line-height:14px;
}

#leftContent ul li {
	list-style-type: none;
}
.leftTitle {
	margin-bottom:6px;
}
.leftTitleClients {
	margin-bottom:23px;
}

ul.news li, ul.awards li, ul.partners li, ul.clients li, ul.squares li {
	list-style-type: none;
	margin:0;
	padding: 0 0 31px 0;
}
ul.awards li, ul.clients li, ul.squares li {
	background: url(../images/prix_ico.gif) no-repeat top left;
	padding-left:56px;
}

ul.partners li {
	padding-bottom:31px;
}

    
.solutionsContent ul li 
{
   list-style-type: disc;
   list-style-position:outside;
   margin-left:20px;
   }
    
    
img.partner {
	padding:0 17px 10px 0;
}

/*Profile*/
.executif {
	float:left;
	width:304px;
	height:104px;
	margin:8px 0px 8px 8px;
	position:relative;	
	color:#FFFFFF;
}

.executif p {
	display:block;
	font-size:12px;
	line-height:14px;
	position:absolute;
	bottom:10px;
	left:10px;
	/*width:136px; with pics*/
	width:290px;
}

.nomExec {
    font-size:18px;
    }
    
/*Errors*/
div.error
{
    float: right; 
    width: 475px; 
    margin-top: -70px;
}
    
/*Services*/
div.services {
    float:left;
    margin:8px;
	width:273px;
   }
   
div.services p {
    margin-bottom:16px;
}

/*Case studies*/
#doubleBottom h1 {
	margin-top:-6px;
	margin-bottom:22px;
}
#doubleBottom h2, #doublebottom h3 {
	padding-top:0;
	padding-bottom:16px;
}

img.caseThumb {
	border:1px solid #000000;
	margin-bottom:10px;
}

/* news */
.leftTitleNews {
	margin-bottom:24px;
}

/* Contact us */
#contactPost , #jobPost {
    position:relative;
}

.montrealTitle {
	margin-bottom:26px;
}

/* Careers */
#jobPost {
    margin-bottom:30px;
}

#jobPost label {  
    display:block;
    float:left;
    font-size:12px;
    margin:4px; 
    width:150px;
} 

#jobPost textarea, #contactPost textarea, .browseInput {
    border:1px solid #86ac51;
    margin:4px;
}

#contactPost label {
    display:block;
    float:left; 
    font-size:12px;
    width:74px;
    margin:4px;
   
}

#contactPost .sendBtn {
    margin-left:78px;
    margin-top:16px;
}   
 
.contactTextBox 
{
    margin:4px;
    border:1px solid #86ac51;
    padding:1px;
    width:470px;   
}

.jobTextBox {
    border:1px solid #86ac51;
    margin:4px;
    padding:1px;
    width:394px; 
}

.jobTextarea {
    border:1px solid #86ac51;
    margin:4px;
    width:394px; 
}
 
.sendBtn {
    font-size:1.2em;
    padding:2px;
    position:absolute;
    right:16px;
 }

/* generic tag definitions: _HTAGS
------------------------------
*/
/** {
	margin:0;
	padding:0;
}
*/
body {
	background:#BCBBB0 url(../images/main_bg.gif) repeat-y center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}
/*html,body {
	height: 100%;
}
*/
h1 {
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:25px;
}

h1.error 
{
	font-size:50px;  
}

h2 {
	font-size:15px;
	padding-top:0px;
	padding-bottom:16px;
}

h2.error 
{
	font-size:15px;
	padding-top:0px;
	padding-bottom:16px;
	color: Gray;
}

h3 {
	font-size:1em;
	padding-top:0px;
	padding-bottom:16px;
}

a {
	color:#669900;
 }

a:visited {
	color:#6F9134;
 }
 
/*#menuFooter a:hover*/ a:hover, a.selected, /*#language a:hover*/#topMenu a:hover {
	color:#ff6633 !important;
 }
 
 .topMenuElement
 {
    padding-left:13px;
    float:left;
    }
 
.topMenuSeparator 
{
    color:#86ac51;
    float:left;
    padding-left:13px;
    font-size:17px;
    margin-top:-4px;
    } 
 
/* helpers: _HELP
------------------------------
*/

.errorInline {
    color:#FF0000;
    display:block;
    margin-left:86px;
}
#jobPost .errorInline {
    margin-left:162px;
}
    
.mandatory { 
    color:#ff0000;
 }

.hidden {
    display:none; 
}
.formFix {
    clear:both;
    padding:10px;
}

.clearfix:after {
	clear: both;
    content: ".";
    display: block;
    font-size: 0;
	height: 0;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE5/Mac \*/
* html .clearfix {
	height: 1px;
}
.clearfix {
	display: block;
}
/* End hide from IE5/Mac */



/* exemple solutions*/

.arrowImageLeft
{
    padding-top:-10px;
    }
    
    
.solutions 
{
    float:left;
    width:640px;
    }    
    
.solutions TD a
{
    padding:150px 0;
    display:block;
    }   
          
img.solutionBorder 
{
    /*width:auto;
    height:auto;*/
    border:solid 1px #86ac51 !important;
    margin:0;
    padding:0;
    }    
    
img.solutionBorderOn
{
    /*width:auto;
    height:auto;   */
    border:solid 15px #86ac51 !important;
    margin:0;
    cursor:pointer;  
    padding:0;  
    }    
    
.solutionsContent{
    float:left;
    margin:8px;
	width:546px;
   }   
   
.solutionsContent p {
    margin-bottom:16px;
}  


.pagination 
{
    padding-top:50px;   
    }


.paginationLeft 
{
    float:left;
    width:278px;
    }  
    
.paginationRight
{
    float:right;
    width:278px;
    text-align:right;
    } 
    
    
   
    
/*effets images exemples*/

 .imageSolution
 {
    padding-top:2px
    }
    

 #shadow 
{
    position:absolute; 
    left:0px; 
    top:0px; 
    z-index:9;
    width:100%;
    height:100%;
    background: black;
}

.generalContentExampleBox 
{
   top:0px; 
   left:0px; 
   z-index:10; 
   position:absolute;  
   cursor:pointer;
    }

.imgSolutionPictureLarge 
{
   position: relative;
   left: -9999px ;
}
 
 
#exampleBox {
	padding: 15px;
	background-color: White;
	position: absolute;
	z-index:11;
	height:auto;
	width:auto;
}

#buttonExampleBox {
	background: white;
	text-align:right;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}

#buttonExampleBox a{
    color:#000 !important;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    float:right;
    margin-right:30px;
    padding-right:20px;
    background:url("../images/close.gif") right 2px no-repeat;
}