/*
	NVI Solutions CSS Framework 
*/

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

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

/* body */
body{color:#5f5f5f; font:69%/150% Arial, Helvetica, sans-serif; height:auto !important; height:100%; min-height:100%; min-width:983px}

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

/* titles */
h1,h2,h3,h4,h5,h6{color:#004964; font-family:Arial, Helvetica, sans-serif; line-height:1.25em; margin:0 .3em .3em 0;}
h1{font-size:2.18em; margin-bottom:1em;}
h2{font-size:1.27em; font-weight:bold;}
h3{font-size:1.16em; font-weight:bold;}
h4{font-size:1em; font-weight:bold;}
h5{font-size:1em; font-weight:bold;}

/* lists */
ul{list-style-type:none; margin:0; padding:0;}
ul li{margin:0; padding:0; background:url(../img/arrowOrange.gif) no-repeat left 4px; padding-left:10px;}

ul ul li{ background:url(../img/dotBlue.gif) no-repeat 3px 3px;}

/* textes & misc */
p{line-height:1.3em; margin:0 0 1em 0;}
blockquote{background:#e5ecef; padding:15px 12px; margin:10px -12px;}
hr{margin:1em 0; background:#410a1b; color:#410a1b; height:1px;  border:none; clear:both;}

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

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* TABLES ONLY /////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* tables */
table{border-collapse:collapse; color:#5f5f5f; font-size:1em; width:100%;}
table th{background:none; border:none; font-weight:normal; vertical-align:top;}
table td{padding:5px 10px 0 0; vertical-align:top;}

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

/* forms */
input, textarea, select, option, label, fieldset, legend{color:#5f5f5f; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
label{}
fieldset{margin:5px 0;}
button{background:none; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; width:auto; overflow:visible;}
textarea{background:#fffffd; border:1px solid #bab8cd; width:100%;}
select{background:#fffffd; border:1px solid #bab8cd;}
option{background:#FFF; border:none;}
input[type=checkbox]{padding:0; margin:0;}
input.error, input[type=text].error, textarea.error, select.error{border:1px solid #c00;}
input.text, input[type=text]{background:#fffffd; border:1px solid #bab8cd; width:155px;}
input.text, input[type=text], textarea{background:url(../img/bg/input.jpg) repeat-x top;}
input.password{background:#fffffd; border:1px solid #bab8cd;}
input.checkbox{background:#fffffd; vertical-align:middle;}
.button{color:#FFF; cursor:pointer; display:block; font-size:1em; font-weight:bold; height:22px; padding-right:3px;}
.button .text{height:22px; line-height:22px; padding:0 4px 0 8px;}

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

/* CONTAINERS ========================================================================================================*/
#container1, #container2, #container3, #container4, #container5{height:auto !important; height:100%; min-height:100%;}
#container4 .container, #container5 .container{width:983px; margin:0 auto; position:relative;}

#container5{background: #fff url(../img/bg/wrapper.gif) repeat-x top;}

/* HEADER ========================================================================================================*/
#header{background:#fff url(../img/bg/header.gif) repeat-x top; height:78px;}
#header .container{height:78px;}

/* logo */
#logo{position:absolute; left:13px; top:20px;}

/* quick menu */
#quickMenu{bottom:14px; display:block; margin:0; position:absolute; right:21px;}
#quickMenu li{background:none; display:inline; padding:0; }
#quickMenu li a{color:#5f5f5f; font-weight:normal;}

/* menu */
#menu{background:#f68327 url(../img/bg/menu.gif) repeat-x top;}
#menu .container{height:35px; overflow:hidden;}
#menu ul{background:url(../img/menuSeperator.gif) no-repeat top left; list-style:none; margin:0 0 0 9px; padding:0 0 0 3px; height:100%;}
#menu ul li{background:url(../img/menuSeperator.gif) no-repeat top right; float:left; padding:0 3px 0 0; margin:0;}

/* CONTENT WRAPPER ========================================================================================================*/
#wrapper{background:url(../img/bg/organique01.jpg) no-repeat top center; overflow:hidden; padding-top:68px; position:relative;}
#wrapper.HomeNode{ background-image:url(../img/bg/organique01.jpg);}
#wrapper.AboutNode{ background-image:url(../img/bg/organique02.jpg);}
#wrapper.CareerNode{ background-image:url(../img/bg/organique03.jpg);}
#wrapper.CommunityNode{ background-image:url(../img/bg/organique04.jpg);}
#wrapper.MediaNewsNode{ background-image:url(../img/bg/organique05.jpg);}
#wrapper.ContactNode{ background-image:url(../img/bg/organique06.jpg);}
#wrapper.TermsNode{ background-image:url(../img/bg/organique07.jpg);}

#wrapper .container{position:static;}

#wrapper .homepage{margin-top:46px; padding-bottom:280px; padding-top:30px;}

/* CONTENT LEFT ====================================================================================================*/
#contentLeft{background-color:#fff; float:left; width:650px;}

#content{margin:0 52px 17px 28px; min-height:100px; position:relative; z-index:0;}
#content h1{border-bottom:1px solid #c4d5db; margin-bottom:10px; padding-bottom:10px;}
#content .cmsContent{color:#5f5f5f;}
#content .cmsContent p{line-height:1.45em;}

/* submenu */
#submenu{color:#fff; letter-spacing:-.03em; margin:12px 10px 0 10px;}
#submenu ul{border-bottom:1px solid #004964; overflow:hidden;}
#submenu ul li{background:none; display:inline; list-style-type:none; margin-right:3px; padding:0;}
#submenu ul li a{background-color:#787877; border:1px solid #787877; border-bottom:none; color:#fff; display:inline-block; font-weight:normal; height:24px; line-height:2em; padding:0 9px; text-transform:uppercase;}
#submenu ul li a:hover, #submenu ul li a:focus, #submenu ul li a.activate{background:#003346 url(../img/bg/submenu.gif) repeat-x top; border-color:#004964;}

/* breadcrumb */
#breadcrumb{background-color:#e5ecef; margin:0 10px 16px 10px;}
#breadcrumb ul{padding:3px 0;}
#breadcrumb ul li{background:none; color:#3b444b; display:inline; font-size:.91em; margin:0; padding:0;}
#breadcrumb ul li a{color:#3b444b; font-weight:normal;}

/* news */
#news .pageTitle{border-bottom:1px solid #c4d5db; margin-bottom:10px; padding-bottom:10px; overflow:hidden; width:100%;}
#news .pageTitle h1{float:left; border:none; margin:0; padding:0;}
#news .pageTitle .rss{float:right; vertical-align:middle;}
#news .newsItem{margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #c9c9c9;}
#news .newsItem .newsTitle{color:#434343; font-size:1em; font-weight:normal;}
#news .newsItem .newsTitle a{font-weight:bold; text-transform:uppercase;}
#news .newsItem .morelink{padding-left:0;}

/* contact form */
#contact .inputBox{width:400px;}
#contact .inputBox .text, #contact .inputBox textarea{ width:99%; }
#contact .inputBox .col2-set .col-1 input{width:190px;}
#contact .inputBox .col2-set .col-2 input{width:192px;}
#contact .inputBox textarea{height:115px;}

/* joblist */
#joblist .job{margin-top:15px; padding-bottom:15px; border-bottom:1px dotted #c9c9c9;}
#joblist .job .jobDate{color:#434343; font-weight:normal;}
#joblist .job .jobCta .morelink{padding-left:0; margin-right:15px;}

/* job */
#job .jobCta{margin-top:10px;}
#job .jobCta .morelink{padding-left:0; margin-right:15px;}

/* job form */
#jobApplyForm .col2-set .col-1{width:125px;}
#jobApplyForm .col2-set .col-2{float:left; width:350px;}

/* profile list */
#profileList{}
#profileList .profile{overflow:hidden; margin-bottom:15px;}
#profileList .profile .photo{float:left; margin:5px 15px 0 0;}
#profileList .profile .description{float:left; width:450px;}

/* 404 */
#contentLeft .page404{padding:30px 0;} 

/* CONTENT RIGHT ====================================================================================================*/
#contentRight{background-color:#fff; float:right; padding-top:9px; position:relative; width:333px; z-index:2;}

/* BOTTOM ========================================================================================================*/
#bottom{background-color:#e5ecef; bottom:0; height:270px; left:0; overflow:hidden; position:absolute; width:100%; z-index:1;}

#bottomSidebar{padding:33px 340px 33px 20px;}
#bottomSidebar .col-1, #bottomSidebar .col-2, #bottomSidebar .col-3{ border-left:1px dotted #004964; height:202px; position:relative;}
#bottomSidebar h3{color:#004964; font-size:1em; margin:0 7px 5px 7px; text-transform:uppercase;}
#bottomSidebar .details{margin:0 15px 0 7px; overflow:hidden;}
#bottomSidebar .morelink{background:url(../img/arrowLearnMore.gif) no-repeat right center; bottom:5px; left:5px; padding-right:17px; position:absolute;}

/* FOOTER ========================================================================================================*/
#footer{background:url(../img/bg/footer.jpg) repeat-x top; min-height:80px;}
#footer .container{padding-top:33px;}

/* bottom menu */
#bottomMenu{float:left; margin:0 0 0 40px; padding:0;}
#bottomMenu li{background:none; color:#fff; display:inline; margin:0; padding:0;}
#bottomMenu li a{color:#fff; font-weight:normal;}

/* copyright */
#copyright{color:#fff; float:right; padding:0 9px; width:315px;}

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

/* col-2 set */
.col2-set{overflow:hidden;}
.col2-set .col-1{float:left; width:49%;}
.col2-set .col-2{float:right; width:49%;}

/* col-3 set */
.col3-set{overflow:hidden;}
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3{float:left; width:33%;}

/* input box */
.inputBox{margin:10px 0;}

/* cms content */
.cmsContent p{font-size:1.09em; margin:0 0 1em 0;}
.cmsContent ul{margin:0 0 1em 0;}

/* square-styled list */
.square{padding:10px 0;}
.square li{background:url(../img/redSquareBullet.gif) 0 3px no-repeat; line-height:1em; padding-left:10px;}
.square li a{color:#000; font-weight:normal;}

/* arrow-styled list */
.arrow{padding:15px 0 5px 0;}
.arrow li{background:url(../img/redArrowBullet.gif) 0 5px no-repeat; line-height:1.3em; padding-left:7px;}
.arrow li a{color:#000; font-weight:normal;}

/* cta link */
.cta{background:url(../img/ctaLink.gif) top left no-repeat; color:#e01b24; font-size:1.1em; padding-left:20px;}

/* roundlink */
.roundlink span{background:url(../img/button/orangeOnWhite.gif) no-repeat left; display:inline-block; line-height:24px; margin-top:5px;}
.roundlink span a{background:url(../img/button/orangeOnWhite.gif) no-repeat right; color:#fff; display:inline-block; font-weight:normal; padding-right:17px; margin-left:7px; height:22px;}

/* box */
.box{background:#494949 url(../img/bg/sidebar.jpg) repeat-y top left; margin:0 9px 9px 9px; color:#fff; padding:0 20px 17px 20px;}
.box h2{background-color:#7e7e7e; border-bottom:1px solid #fff; margin:0 -20px 5px -20px;}
.box ul{margin:0 -20px 10px -20px;}
.box ul li{background:none; border-bottom:1px solid #545454; padding:12px 20px 8px 20px;}
.box ul li h4{font-size:1em; color:#fff;}
.box ul li h4 span{color:#bababa; font-weight:normal;}
.box ul li h4 a{text-transform:uppercase;}
.box ul li p{display:inline;}
.box .roundlink span{background-image:url(../img/button/orangeOnGray.gif);}
.box .roundlink span a{background-image:url(../img/button/orangeOnGray.gif);}

/* gallery */
.gallery{margin:5px 0 10px -3px;}
.gallery a{display:inline-block; height:75px; margin-left:3px; overflow:hidden; width:75px;}

/* morelink */
.morelink{display:inline-block; margin:2px 0 0 0; background:url(../img/arrowOrange.gif) no-repeat right center; padding-left:3px; padding-right:8px;}

/* submit button */
.submitButton{background:url(../img/button/submit.gif) no-repeat left; display:inline-block; line-height:24px;}
.submitButton button{background:url(../img/button/submit.gif) no-repeat right; border:none; color:#fff; cursor:pointer; display:inline-block; padding:0 6px 0 0; margin-left:6px; height:22px;}

/* clear, align and floats */
.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.middle{margin:0 auto; text-align:center;}
.bottom{vertical-align:bottom;}

/* displays */
.none{display:none;}
.inline{display:inline;}
.block{display:block;}

/* error & success */
.error{color:#ff0000;}
.success{color:#009900;}
.notice{color:#5288bd;}
.warning{color:#cc8600;}

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

/* javascript ----------------------------------------------------------------------------------------------------*/
.javascriptOff{display:none;} /* pour ceux qui n'ont pas javascript on cache le contenu avec le css*/ /* SS:Renamed jsOnlyContent to javascriptOff */
.contentHide{} /* pour ceux qui ont javascript on cache le contenu avec javascript(maxlib2.js)*/

/* worker */
.worker{background:url(../img/ajax/worker.gif) no-repeat center; height:36px; width:36px;}