/*
	NVI Solutions CSS Framework 
*/

/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* GENERAL /////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/

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

/* body */
body{
	background:url('../img/bg.gif') repeat;
	color:#455560;
	font:69%/120% Verdana, Arial, sans-serif;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin: 0;
	padding: 0;
}

/* links */
a,a:link,a:visited{color:#00aedb; font-weight:bold; text-decoration:none;}
a:hover, a:active{ text-decoration:underline;}

/* titles */
h1, h2, h3, h4, h5, h6{margin:0 0 0.5em 0; line-height:1em;}
h1{font-size:2.55em; font-weight:normal;}
h1 span{display:none;}
h2{font-size:2.18em; margin:0; font-weight:normal;}
h3{font-size:1.27em; margin:0; font-weight:bold;}
h4{font-size:1.2em; margin:0;}
h5{font-size:1.1em; margin:0;}
h6{font-size:1.0em; margin:0;}

/* lists */
ul{margin: 0; padding: 0;}
li{padding-bottom: .35em;}
ul ul{padding: .4em 0 0 1.2em;}
ul li{background: url('../img/arrows1.gif') 0 .55em no-repeat; font-size: 1em; line-height: 1.4em; padding-left: .8em; list-style: none;}
ul ul li{background: url('../img/arrows1.gif') 0 .45em no-repeat; font-size: .9em; line-height: 1.3em;}
ul ul ul li{background: url('../img/arrows1.gif') 0 .35em no-repeat; font-size: .9em; line-height: 1.2em;}
ul ul ul ul li{font-size: 1em; line-height: 1.1em;}

 
/* tables */
table{border-collapse:collapse;}
table th{background:#ccc; padding:10px; border:1px solid #999;  vertical-align:top;}
table td{padding:10px; border:1px solid #999; vertical-align:top;}

/* textes & misc */
p{margin:0 0 1em 0;}
hr{margin:1em 0; background:#410a1b; color:#410a1b; height:1px;  border:none; clear:both;}

/* blockquote */
blockquote{font-style:italic;}
blockquote .name{font-style:normal;}

/* important */
.important{color:#00aedb;}

/* box */
.box{border:1px solid #455560; padding:10px;}

/* sup */
sup {vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* FORMS ONLY //////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

form dl{float:left; margin-right:25px;}
form dl.last{float:left; margin-right:0;}
legend{font-size:1.2em; font-weight:bold;}
input, textarea, select{margin-bottom:0.5em; width:180px; height:18px;}
input, textarea, select, option{font-family:Verdana, Geneva, sans-serif; font-size:1em; vertical-align:top;}
select{ border:1px solid #999;}
optgroup, option{background:#FFFFFF; border:none; text-decoration:none;}
input.text, input[type=text], textarea{border:1px solid #999;}
button.image{background:none; border:none; cursor:pointer; margin:0 0 0 3px; padding:0; overflow:visible; vertical-align:top; width:auto;}
input.error, input[type=text].error, textarea.error, select.error{border:1px solid #c00;}
label{ font-weight:bold; font-size:12px; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ID and their CLASSES ////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CONTAINERS ========================================================================================================*/
#container1, #container2, #container3, #container4, #container5{height: auto !important; height: 100%; min-height: 100%;}
#container1{ width:100%;}
#container2{ width:988px; margin:0 auto; padding-top:40px;}
#container3{}
#container4{}
#container5{}

/* HEADER ========================================================================================================*/
#header{width:988px; margin:0 auto; height:130px; background:url('../img/bg_top.png') top center no-repeat; position:relative;}


/* logo */
#logo{position:relative; top:53px; left:52px;}

/* mainMenu */
#mainMenu{position:absolute; top:110px; left:306px; font-size:0; line-height:0;}
#mainMenu li{display:inline; padding:0; margin:0; background:none; float:left; font-size:0; line-height:0;}

/* topMenu */
#topMenu{ position:absolute; top:40px; right:54px;}
#topMenu ul li{ padding:0; margin:0 2px; background:none; list-style:none; display:inline; font-weight:bold;}
#topMenu ul li a{ color:#455560;}
#topMenu ul li a:hover{ text-decoration:none; color:#00aedb;}
#topMenu ul li.inactif{ color:#888; }


/* CONTENT ========================================================================================================*/
#content{ width:988px; background:url('../img/bg_content.png') top center repeat-y;}
#content .container{ padding: 0px 53px 10px 53px; width:882px; margin:0 auto;}

#content #homeContent{ padding-top:30px;}

/* breadcrumb */
#breadcrumb{ width: 618px; border-bottom:1px solid #455560; position:relative;}
#breadcrumb li{ background:none; display:inline; padding:0;}
#breadcrumb li a{ color:#455560; font-weight:normal; padding:0;}
#breadcrumb li a.activate{ color:#00aedb; }
#breadcrumb #rightNav{position:absolute; right:0; top:0;}
#breadcrumb #rightNav .print{ background: url('../img/print.gif') left no-repeat; padding-left:20px; color:#455560; font-weight:normal; }
#breadcrumb #rightNav .back{background: url('../img/arrowBack.gif') 0 3px no-repeat; padding:0 0 0 23px; margin-right:40px; font-weight:normal;}

/* CONTENT LEFT ========================================================================================================*/
/* contentLeft */
#contentLeft { float:left; width:262px; padding-top:30px;}

/* subMenu */
#contentLeft #subMenu{ width:211px;}
#contentLeft #subMenu ul{ padding:0; margin:0;}
#contentLeft #subMenu ul li{ background: url('../img/submenu/sectionHeader_bg.gif') top no-repeat; width:211px; border:none;  padding:0; margin:0; font-size:1em;}
#contentLeft #subMenu ul li strong{  color:#fff; line-height:1em;}
#contentLeft #subMenu ul li a{  display:block; padding:9px 10px 8px 10px; color:#fff; line-height:1.1em; font-weight:bold;}
#contentLeft #subMenu ul li ul li{ background-color:#84939e; background-image:none; width:211px;border:none; border-top:1px solid #C1C9CE; margin:0; padding:0; position:relative; height:auto !important; height:28px;}
#contentLeft #subMenu ul li ul li a{  padding:6px 11px 10px 11px; font-weight:normal; color:#EEE;}
#contentLeft #subMenu ul li ul li a:hover{ color:#FFF;}
#contentLeft #subMenu ul li ul li a.activate{ color:#b2dce7; font-weight:bold;}
#contentLeft #subMenu ul li ul li ul {padding: 10px; border-top:1px solid #C1C9CE;}
#contentLeft #subMenu ul li ul li ul li{ border:none; width:185px; padding-left: 12px;}
#contentLeft #subMenu ul li ul li ul li a{  padding:4px 0; }
#contentLeft #subMenu ul li ul li ul li.active { background: url('../img/bullet3.gif') left  no-repeat;}
#contentLeft #subMenu ul li ul li ul li.active a{ font-weight:bold; color:#fff;}
#contentLeft #subMenu ul li.sectionFooter{ background: url('../img/submenu/sectionFooter_bg.gif') bottom no-repeat; width:211px; height:7px; min-height:7px; border:none; font-size:0; line-height:0;}


/* contactInfoBox */
#contentLeft #contactInfoBox{ padding-top: 20px; font-size:1.09em; color:#455560;}
#contentLeft #contactInfoBox .headerBg{ background: url('../img/contactInfoBox_header.gif') top no-repeat; height:8px; width:211px; font-size:0; line-height:0;}
#contentLeft #contactInfoBox .header{ width:209px; border-left:1px solid #455560; border-right:1px solid #455560; height:33px;} 
#contentLeft #contactInfoBox .header h6{ margin-left:12px; padding-top:8px; color:#455560; font-weight:bold;}
#contentLeft #contactInfoBox .content{ width:209px; border:1px solid #455560; padding-top:10px; color:#455560;}
#contentLeft #contactInfoBox .content .contentInfoBox{ margin-left:12px;}
#contentLeft #contactInfoBox .footer{ width:209px; border:1px solid #455560; border-top:none; border-bottom:none; padding-top:10px; color:#455560; background-color:#84939e; }
#contentLeft #contactInfoBox .footer .footerInfoBox{ margin-left:12px; color:#fff;}
#contentLeft #contactInfoBox .footer .footerInfoBox a{ color:#fff; }
#contentLeft #contactInfoBox .footer .footerInfoBox a:hover{ text-decoration:underline; }
#contentLeft #contactInfoBox .footerBg{ background: url('../img/contactInfoBox_footer.gif') bottom no-repeat; height:8px; width:211px; font-size:0; line-height:0;}

/* contactText */
#contentLeft #contactText{ margin-right:30px; }

/* CONTENT PAGE ========================================================================================================*/
/* contentPage */
#contentPage { float:left; width:618px; padding-top:12px;}

/* contentFlash */
#containerFlash{border-bottom:1px solid #a2aaaf; height:195px; width:882px; overflow:hidden; }
#banner #containerFlash{width: 618px; }
#contentFlash{}

/* notification */
.notification{width:390px; padding-top:10px; }
.notification li{background:none;}

/* pageTitle */
#pageTitle{ padding-top:15px;}
#pageTitle.home{ padding-top:30px;}
#pageTitle h1{ margin-bottom:10px; color:#00aedb;}

/* homeAdvantages */
#homeAdvantages{ margin-top:12px;}
#homeAdvantages #titleAdvantages{ position:relative; left:-7px;}
#homeAdvantages .advantagesItem{background-color:#84939e; width:281px; color:#FFF; margin-right:19px; float:left; display:inline; position:relative;}
#homeAdvantages .advantagesItemHeader{ background: url('../img/bg_gray_box_header.gif') top no-repeat; height:5px; width:281px;}
#homeAdvantages .advantagesItemContent{ padding: 0 15px 0 15px; min-height:80px; height:auto !important; height:80px;}
#homeAdvantages .advantagesItemFooter{ background: url('../img/bg_gray_box_footer.gif') bottom no-repeat; height:40px; width:281px;}
#homeAdvantages .spacingLeft{ padding-left:30px;}

#homeAdvantages .advantagesItem ul li{ background: url('../img/bullet1.gif') 0 .50em no-repeat; list-style:none; padding-left: .9em; margin:0;}
#homeAdvantages .advantagesItem .title h3{ margin-bottom:6px; color:#FFF;}
#homeAdvantages .advantagesItem .footerCTA{ position:relative; left:15px;}
#homeAdvantages .advantagesItem a{ color:#fff; font-weight:normal;}

#homeAdvantages .advantagesItem.important ul li{ background: url('../img/bullet2.gif') 0 .50em no-repeat;}
#homeAdvantages .advantagesItem.important a{ font-weight:bold; }
#homeAdvantages .advantagesItem.important{ margin-right:0; background-color:#66cee9;}
#homeAdvantages .advantagesItem.important .advantagesItemHeader{ background: url('../img/bg_blue_box_header.gif') top no-repeat; }
#homeAdvantages .advantagesItem.important .advantagesItemContent{ min-height:115px; height:auto !important; height:110px; }
#homeAdvantages .advantagesItem.important .advantagesItemFooter{ background: url('../img/bg_blue_box_footer.gif') bottom no-repeat; height:5px;}

/* solutions */
#solutionsTopText{ padding-bottom:10px;}
#solutionsLeftText{ float:left; width:298px; padding-right:10px;}
#solutionsLeftText #solutionsLeftTitle{color:#00aedb; }
#solutionsRightText{ float:left; width:299px; border-left:1px solid #a2aaaf; padding-left:10px;}
#solutionsRightText #solutionsRightTitle{color:#00aedb; }
#solutionsLeftText .bottomCTA, #solutionsRightText .bottomCTA{ padding-top:10px; }

/* solutionAdvantages */
#solutionsAdvantages{ width:300px; float:left;}
#solutionsAdvantages #subTitle{ padding:20px 0 10px 0; color:#00aedb;}

/* solutionGallery */
#solutionGallery{ width:240px; padding:60px 10px 0 40px; float:right; text-align:right; }
#solutionGallery td{width:133px; padding: 7px; }

/* news */
.news{ padding-bottom:20px; }
.news .newsTitle{ font-weight:bold; }
#newsImage { text-align:center; }
#newsNavigation{ width:618px; text-align:center; }
#newsNavigation a{ color:#84939e;}
#newsNavigation a.activate{color:#00aedb;  }
#newsDetailsNavigation {width:100%; position:relative; padding-bottom:80px; top:20px;}
#newsDetailsNavigation #previous{position:absolute; left:0;  height:18px;}
#newsDetailsNavigation #previous .arrow{background: url('../img/arrowPrevious.gif') top left no-repeat; padding:2px 0 5px 20px; line-height:18px;}
#newsDetailsNavigation #next{position:absolute; right:0;}
#newsDetailsNavigation #next .arrow{background: url('../img/arrowNext.gif') top right no-repeat; padding:2px 20px 5px 0; line-height:18px;}
#newsDetailsNavigation #back{position:absolute; right:0; top:30px;}
#newsDetailsNavigation #back .arrow{background: url('../img/arrowBack.gif') 0 3px no-repeat; padding:0 0 0 23px; font-weight:normal;}
#newsDetailsGallery{ text-align:center; }
#newsDetailsGallery .galleryPhoto{border:1px solid #455560;}
#newsDetailsGallery .galleryPhotoDescription{margin-top:5px;}
#newsDetailsGallery #galleryDesc{padding-top:10px;}
#newsDetailsGallery #galleryNav{padding-top:10px;}
#newsDetailsGallery #galleryNav .navButton{padding-right:4px; padding-left:4px; padding-top:5px;}
#newsDetailsGallery #galleryNav a{padding: 0 1px 0 1px; line-height:2em; vertical-align:middle; color:#84939e;}
#newsDetailsGallery #galleryNav a.activate{color:#00aedb;  }

/* managementList */
#managementList #managementTable td{padding:20px 15px 20px 0px;}
#managementList .managementMember{ overflow: hidden;}
#managementList .managementMember .photo{ float: left; }
#managementList .managementMember .name{ text-transform:uppercase; }
#managementList .managementMember .description{ float:left; width:170px; padding-left:15px;}
#managementList .managementMember .description .header{ padding-bottom:12px;}

/* managementDetails */
#managementDetails{ padding-top:10px; }
#managementDetails #managementDetailsPhoto{ float:left; padding:0 15px 10px 0;}

/* contactUsFormContainer */
#contactUsFormContainer{ width:618px; padding-top:5px; position:relative; z-index:0;}
#contactUsFormContainer .inputBox{ width:390px; }
#contactUsFormContainer label{ width:130px; display:block; float:left; padding-top:5px;}
#contactUsFormContainer .inputBoxNoFloat label{ width:390px; }
#contactUsFormContainer textarea{ width:390px; height:75px;}
#contactUsFormContainer select{ width:390px; }
#contactUsFormContainer .submitButton{ position:absolute; right:0; bottom:5px;}
#contactUsFormContainer .submitButton #contactUsButton{ 
	cursor:pointer;
	width:210px; height:41px; text-align:center;
	background: url('../img/submitBg.gif') no-repeat;
	border:none; padding:0; background-color:#00aedb; color:#fff; font-weight:bold; font-size:13px;
}
#contactUsFormContainer .validationBox li{ background:none; color:#F00;}
#contactUsFormContainer #extraTechInfos{ width:368px; border: solid 1px #00aedb; padding:10px;}

/* contactPage */
#contactPage{ position:relative; z-index:999;}
#contactPage #contactRightBox{position:absolute; top:0; right:0; width:211px;}
#contactRightBox #addressBox{ width:211px; background-color:#84939e; color:#fff; font-size:12px; margin-top:20px;}
#contactRightBox #addressBox .headerBg{ background: url('../img/contactInfoBox_header_gray.gif') top no-repeat; height:8px; width:211px; font-size:0; line-height:0;}
#contactRightBox #addressBox .content{ padding:5px 10px 0 10px;}
#contactRightBox #addressBox .footerBg{ background: url('../img/contactInfoBox_footer_gray.gif') top no-repeat; height:8px; width:211px; font-size:0; line-height:0;}
#contactRightBox #hoursBox{ width:211px; font-size:12px; margin-top:10px; }
#contactRightBox #hoursBox .headerBg{ background: url('../img/contactInfoBox_header.gif') top no-repeat; height:8px; width:211px; font-size:0; line-height:0;}
#contactRightBox #hoursBox .header{ padding:5px 10px 15px 10px; border:1px solid #455560; border-top:none;}
#contactRightBox #hoursBox .content{ padding:10px 10px 0 10px; border-left:1px solid #455560; border-right:1px solid #455560; overflow:hidden; height:100%;}
#contactRightBox #hoursBox .footerBg{ background: url('../img/contactInfoBox_footer_white.gif') top no-repeat; height:8px; width:211px; font-size:0; line-height:0;}
#contactRightBox #extraInfos{ padding-top:10px; }


/* footer ========================================================================================================*/
#footer{width:988px; background:url('../img/bg_bottom.png') top center no-repeat; clear:both; color:#FFF;}
#footer #containerFooter{width:954px; margin:0 auto; padding-top:34px;}

/* signature */
#signature{ float: left; display:inline; width:700px; font-size:10px; padding-left:5px;}
#signature a{ color:#FFF; font-weight:normal;}

/*footerMenu */
#footerMenu{ float:left; display:inline; font-size:10px; width:500px;}
#footerMenu ul li{ float:left; display:inline; list-style:none; background:none; margin:0 2px; padding-left:5px;}
#footerMenu ul li a{ font-weight:normal; color:#FFF;}
#footerMenu ul li a.temp{ color:#949494;}
#footerMenu ul li a.temp:hover{ text-decoration:none;}

/* separator */
#separator{ height:1px; width:100%; border-top:1px solid #FFF; margin:0; clear:both; display:block; line-height:0;}

/* socialLogos */
#socialLogos{ float:right; width: 200px; }
#socialLogos .logo{ padding-left: 30px; }

/* keywords */
/* #keywords{color:#aaa; font-size:10px; line-height:12px;} */

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CLASSES ONLY ////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* grid navigation */
.gridNav{margin:1em 0;}

/* clear et floats */
.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}

/* rolloverTrans */
.rolloverTrans img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.rolloverTrans:hover img{filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}

/* hidden & block & inline */
.hidden{display: none; }
.block{display: block; }
.inline{ display:inline; }

/* clearTable */
.clearTable{border-collapse:collapse;}
.clearTable th{background:none; padding:10px; border:none;}
.clearTable td{padding:10px; border:none; vertical-align:top;}

/* error & success */
.error{color:#c00;}
.success{color:#090;}
.notice{color:#FC0;}

/* small */
small{font-size:.8em;}

/* highlight */
.highlight{color:#7cb4ff;}

/* subtle */
.subtle{color:#ccc;}
 
/* separator */
.separator{border-top:1px solid #a6b2c0; width:100%; height:15px; display:block; clear:both; margin-top:2px;}
  
/* editable */
.loggedIn.editable{cursor:pointer; outline:1px solid #0C0;}
.editable:hover{outline:1px solid #63F;}

/* box 
.box{border:1px solid #410a1b; background:#dee6f9; padding:10px;}*/


/* jsActivated = javascript classes -----------------------------------------------------------------------------------------*/
.jsOnly{display:none;} /* content hide only if you don't have javascript */
.jsActivated .jsOnly{display:inline;} /* content show only if you have javascript */
.jsActivated .jsHide{display:none !important;} /* hide something but only if you have javascript */
.jsActivated .noJsOnly{display:none;} /* content show only if you don't have javascipt */


/*------------------- LIGHT BOX -------------------------------------- */
/* jQuery lightBox plugin */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}