/*
	NVI Solutions CSS Framework 
*/

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

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

/* body */
body{color:#5b636b; font:80%/150% Tahoma, Arial, Helvetica, sans-serif; height:auto !important; height:100%; min-height:100%;}

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

/* titles */
h1,h2,h3,h4,h5,h6{font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:1em; margin:0 0 .3em 0;}
h1{font-size:1.4em;  margin-top:0.4em; border-bottom:4px solid #c5ccd0; margin-bottom:0.5em; padding-bottom:5px; color:#353c41;}
h2{font-size:1.1em; font-weight:bold; margin-top: 1.3em; margin-bottom: 1em; line-height:1.4em;}
h3{font-size:1em; font-weight:bold; margin-top: 1.3em; line-height:1.3em;}
h4{font-size:0.9em; font-weight:bold; margin-top: 1.3em; color:#9a9ea1; line-height:1.3em;}
h5{font-size:0.8em; font-weight:bold; margin-top: 1.2em; line-height:1.2em;}

/* lists */
li{padding-bottom:.35em;}

/* textes & misc */
p{line-height:1.4em; margin:0.5em 0 1em 0;}
blockquote{background:#ededed; padding:10px; color:#7c838d;}
hr{margin:1em 0; background:#410a1b; color:#410a1b; height:1px;  border:none; clear:both;}

h1 p,h2 p,h3 p,h4 p,h5 p,h6 p{margin:0;padding:0;}

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

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

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

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

/* forms */
input, textarea, select, option, label, fieldset, legend{color:#000; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em;}
label{font-weight:normal; color:#5b636b;}
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;}
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.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;}
select.text, input[type=file]{background:#fffffd; border:1px solid #bab8cd; min-width:98px;}

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

/* CONTAINERS ========================================================================================================*/
#container1, #container2, #container3, #container4, #container5{background-color: #dee2e4; height:auto !important; height:100%; min-height:100%;}

/* HEADER ========================================================================================================*/
#header{background-color: #fff; color:#969fa8; height:94px; border-bottom:6px solid #dee2e4; position:relative;}


#logo{position:absolute; top:35px; z-index:20;}

#menu{height:33px; background:url(../img/bg/menuBG.gif) 0 0 repeat-x;}
#menu ul{overflow:hidden;}
#menu ul li{float:left;}
 
#quickMenu{position:relative; font-size:11px;}
#quickMenu ul{position:absolute; float:right; top:65px;  right:16px; z-index:2;}
#quickMenu ul li.sep{padding:0 5px;}
#quickMenu ul li{display:inline;}
#quickMenu ul li a{color:#969fa8; font-weight:bold;}
#quickMenu ul li a:hover{text-decoration:underline;}


#breadcrumbs, #animation{background-color:#485056; min-height:26px;}

#breadcrumb {color:#c5ccd0;  font-size:11px; padding:4px 0 0 15px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#breadcrumb li{display:inline;}
#breadcrumb a{color:#fff;}
#breadcrumb a.active{color:#c5ccd0; font-weight:normal;}

/* CONTENT ========================================================================================================*/
#content {margin:0 auto; width:951px; background-color:#fff; padding:20px 15px 50px 15px; }
 
/* SubMenu */
#subMenu{width:268px; margin-bottom:10px;}
#subMenu ul li{padding:2px 0; border-bottom:solid 2px #c5ccd0;}
#subMenu ul li span{background:#dee2e5 url(../img/bg/submenuBG.gif) repeat-x top left; min-height:25px; padding:3px 0 0 0; font-size:14px; overflow:hidden; display:block;}
#subMenu ul li span.selected{background: url(../img/bg/submenuBG.gif) repeat-x top left;}
#subMenu ul li a{color:#5b636b; font-weight:normal; background:url(../img/greyArrow.gif) 0 5px no-repeat; margin:0 6px; padding:0 0 0 12px;}
#subMenu ul li a.selected{ font-weight:bold; background:url(../img/greyArrowDown.gif) no-repeat scroll -2px 5px transparent; font-size:13px;}
#subMenu ul li a:hover{text-decoration:underline;}
#subMenu ul li span ul{border-top:solid 2px #c5ccd0;margin:3px 0 5px 0;}
#subMenu ul li span ul li{padding:0 0 0 13px; margin-top:3px; border:none;}
#subMenu ul li span ul li span{background:none; overflow:hidden; display:block; min-height:11px; font-weight:bold; font-size:12px; line-height:0.5em;}
#subMenu ul li span ul li.active{background-color:#485056; color:#fff;}
#subMenu ul li span ul li.active span a{color:#fff; font-weight:bold; background:url(../img/whiteArrow.gif) 0 3px no-repeat; padding:0 0 0 12px;}
#subMenu ul li span ul li span a{color:#98151f; font-weight:bold; background:url(../img/arrow.gif) 0 3px no-repeat; padding:0 0 0 12px;}
#subMenu ul li span ul li span a:hover{text-decoration:underline;}
#subMenu ul li li{background-color:#fff; padding:0 0 3px 0; font-weight:bold;}


/* static page with right column */
#staticRightCol{padding-right:20px; overflow:hidden;}
#staticRightCol .colLeft{width:610px; margin-right:30px;}
#staticRightCol .colLeft .regionInfos{padding-top:10px;}
#staticRightCol .colRight{width:288px; padding-top:10px;}

/*  static page with sub menu on the left */
#staticSubMenuLeft{padding-right:20px; overflow:hidden;}
#staticSubMenuLeft .colRight{margin-left:23px; width:640px;}
#staticSubMenuLeft .colRight .carousel{overflow:hidden; margin-bottom:5px;}
#staticSubMenuLeft .colRight .carousel .imgCarousel{ margin-top:1px; width:633px; text-align:center;}
#staticSubMenuLeft .colRight .carousel .imgCarousel img{border:3px solid #c5ccd0;}
#staticSubMenuLeft .colRight .carousel .textCarousel{float:left; width:440px; padding-right:10px; color:#7d858d; font-size:0.9em; float:left;}
#staticSubMenuLeft .colRight .carousel .navCarousel{float:right; padding-top:8px; width:175px; text-align:right;}
#staticSubMenuLeft .colRight .carousel .navCarousel li{border:1px solid #c5ccd0; background-color:#9a1620; display:inline; padding:0px 4px;}
#staticSubMenuLeft .colRight .carousel .navCarousel li.selected{background-color:#7d858d;}
#staticSubMenuLeft .colRight .carousel .navCarousel li a{color:#fff; font-weight:bold;}

/* home page */
#homeContent h2{font-size:1.2em; border-bottom:4px solid #c5ccd0;  color:#353c41; font-weight:normal; margin:0;}
#homeContent .threeBlocks{margin-bottom:5px; overflow:hidden;}
#homeContent .twoBlocks{margin-top:30px; overflow:hidden;}
#homeContent .smallBlock{width:294px; float:left; }
#homeContent .smallBlock ul{margin-top:8px;}
#homeContent .smallBlock ul li{background:url(../img/bullet.gif) 0 3px no-repeat; line-height:1.3em; padding: 0 0 10px 13px; color:#5b636b;}
#homeContent .largeBlock{width:616px; float:left; margin-bottom:30px;}
#homeContent .largeBlock ul{margin-top:10px;}
#homeContent .largeBlock ul li{font-size:0.9em; background:url(../img/arrow.gif) 0 3px no-repeat; line-height:1em; padding: 0 0 8px 13px; color:#5b636b;}
#homeContent .largeBlock ul li .date{font-size:0.9em; text-transform:uppercase;}
#homeContent .largeBlock ul li a{color:#5b636b; font-weight:bold;}
#homeContent .margRight{margin-right:28px;}
#homeContent .callToAction .callImg{float:left; padding: 3px 8px 0 0;}
#homeContent .callToAction .callText a{color:#a81a26; font-weight:bold; line-height:1.2em;}
#homeContent .callToAction .callText .redArrow{padding:2px 0 0 3px;}

/* realisations */
#realisationMap{background-color:#485056; padding-right:20px; height:245px; width:911px; overflow:hidden; margin:10px 0; clear:both;}
#realisationMap .map{background-color:#485056; float:left;}
#realisationMap .regions{background-color:#485056;  float:left; margin-left:60px; width:550px;}
#realisationMap .regions h3{color:#fcfcfc; font-size:1em; line-height:2em; border-bottom:2px solid #747b81; margin:10px 0 8px 0;}
#realisationMap .regions ul{width: 175px; margin:0 10px 0 0; display:inline; float:left;}
#realisationMap .regions ul li{padding:0 0 5px 12px; background:url(../img/lightgreyArrow.gif) 0 4px no-repeat;}
#realisationMap .regions ul li a{color:#c6c2bf;}
#realisationMap .regions ul li.active{padding:0 0 5px 12px; background:url(../img/whiteArrow.gif) 0 5px no-repeat; }
#realisationMap .regions ul li.active a{color:#fff;}
#realisationlist{overflow:hidden; clear:both; }
#realisationlist ul{margin:10px 0; overflow:hidden; padding-right:3px; clear:both;}
#realisationlist ul li{float:left; width:overflow:hidden; padding:5px; width:141px; text-align:center;}
#realisationlist ul li img{margin: 0 0 3px 0; border:3px solid #c5ccd0;}
#realisationlist ul li .desc{font-size:0.9em; line-height:1.2em;}


/* portfolio */
#portfolio{padding-right:20px; overflow:hidden;}
#portfolio #banner{padding:5px 0 0 2px; position:relative; clear:both; top:-30px;}
#portfolio #banner .container{width:929px;}
#portfolio #banner .btnRealisations{position:relative; top:98px;  left:372px; z-index:2; clear:both;}
#portfolio #gallery {overflow:hidden;}
#portfolio #gallery .tabs{margin-top:15px; border-bottom:4px solid #878f98;}
#portfolio #gallery .tabs a{position:relative; top:4px; margin-right:4px;}
#portfolio #gallery .desc{padding:5px 0; overflow:hidden;}
#portfolio #gallery .descText{float:left; width:540px; padding-left:8px;}
#portfolio #gallery .btnProject{float:right; padding-right:5px; width:131px;}
#portfolio #gallery .thumbs{overflow:hidden; clear:both; padding:8px;}
#portfolio #gallery .thumbs ul li{display:inline; }
#portfolio #gallery .thumbs ul li div{display:inline; }
#portfolio #gallery .thumbs ul li img{margin: 10px 20px 10px 0; border:3px solid #c5ccd0;}
#portfolio #gallery .nav {padding:6px 0;}
#portfolio #gallery .nav .top{border-bottom: 2px solid #c5ccd0; padding-bottom:5px; overflow:hidden;}
#portfolio #gallery .nav .btm{border-top: 2px solid #c5ccd0; padding-top:5px; overflow:hidden;}
#portfolio #gallery .nav #portfolioList, #portfolio #gallery .nav #mediaTopNavigation{display:inline;}
#portfolio #gallery  ul.categories{display:inline;}
#portfolio #gallery  ul.categories li{display:inline; color:#5b636b; background:url(../img/greyArrow.gif) 0 4px no-repeat; margin:0 8px; padding:0 0 0 12px; font-weight:bold;}
#portfolio #gallery  ul.categories li a{color:#5b636b;}
#portfolio #gallery  ul.categories li.selected{color:#A81A26; display:inline; background:url(../img/arrow.gif) 0 4px no-repeat; }
#portfolio #gallery  ul.categories li.selected a{color:#A81A26;}
#portfolio #gallery  ul.pages{display:inline; float:right;}
#portfolio #gallery  ul.pages li{display:inline; color:#A81A26; margin:0 2px; font-weight:bold;}
#portfolio #gallery  ul.pages li.selected a{color:#5b636b;}
#portfolio #gallery  ul.pages li.arrow img{position:relative; top:2px;}

/* contact */
#contact{padding-right:20px; overflow:hidden;}
#contact .colLeft{width:610px; margin-right:30px;}
#contact .colRight{width:288px; padding-top:10px;}
#contact .blocInfos{margin-top:30px;}
#contact .blocInfos table{margin:10px 0;}
#contact .blocInfos td{padding:5px 2px; margin:0;}
#contact .blocInfos td.col1{width:150px;}
#contact .blocInfos .firstnameInput{width:98px;}
#contact .blocInfos .surfaceInput{width:80px;}
#contact .submitBtn{display:inline; float:right;}

/* sitemap */ 
#sitemap{ margin:10px;}
#sitemap ul li{padding:5px 0; font-size:14px; }
#sitemap ul li a{color:#5b636b; font-weight:bold;}
#sitemap ul li ul{margin:8px 0 5px 0;}
#sitemap ul li ul li{font-weight:bold; line-height:0.5em; padding-bottom:6px;}
#sitemap ul li ul li li{margin:0 10px; padding-bottom: 3px;}
#sitemap ul li ul li li a{font-size:12px; color:#98151f; font-weight:bold; background:url(../img/arrow.gif) 0 3px no-repeat; padding:0 0 0 12px;}
#sitemap ul li ul li li li a{color:#5b636b; font-weight:normal; background:none; padding:0 0 0 12px;}

/* jobslist  */
#jobsList{margin:10px 2px 10px 2px; font-size:12px; line-height:1.3em;}
#jobsList li{padding-bottom:10px;}
#jobsList li.item{margin:10px 0; padding-top:10px; border-top:1px solid #C5CCD0}
#jobsList .jobDate{font-size:11px;}

/* job  */
#job{padding:13px 5px; overflow:hidden;}
#job .date{font-size:11px; }
#job #mainText{margin:10px 0 30px 0;}


/* FOOTER ========================================================================================================*/
#footer{background-color:#878f98; min-height:162px; padding:15px 0 60px 0;}

/* bottom menu */
#bottomMenu{margin:0 30px 0 15px; overflow:hidden; clear:both;}
#bottomMenu li{float:left; margin:0 40px 0 0 ; font-size:11px; max-width:190px; }
#bottomMenu li a{text-transform:uppercase; font-weight:bold; color:#fff;}
#bottomMenu li ul{margin:0 0 15px 0;}
#bottomMenu li li{float:none; padding:0; margin:0; line-height:1.3em;}
#bottomMenu li li a{text-transform:none; font-weight:normal; }


/* company infos */
#companyInfos {font-size:0.8em; color:#fff; margin:0 30px 0 15px; border-top:4px solid #c5ccd0; overflow:hidden; padding-top:5px; clear:both;}
#companyInfos a{text-decoration:underline; color:#fff;}
#companyInfos a:hover{text-decoration:none;}
#companyInfos .copyright{float:left;}
#companyInfos .signature{float:right;}

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

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

/* cols */
.colLeft{float:left;}
.colRight{float:left;}

/* main text container */
.mainText ul, .descText ul {padding:3px 20px;}
.mainText ul li, .descText ul li{background:url(../img/bullet.gif) 0 10px no-repeat; line-height:1.3em; padding: 6px 0 6px 15px; color:#5b636b;}
.mainText ul li li, .descText ul li li{background:url(../img/lightGreyArrow.gif) 0 5px no-repeat; font-size: 0.9em ; line-height:1.2em; padding: 2px 0 2px 10px; color:#5b636b;}

/* regions text */
.textTop{overflow:hidden; clear:both; margin-bottom:10px;}
.textBottom{overflow:hidden; clear:both; margin-top:10px;}

/* container */
.container {margin:0 auto; width:981px; overflow:hidden;}

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

/* contact infos bloc */
.contactInfos{margin:15px 2px 25px 2px; font-size:12px; line-height:1.2em;}
.contactInfos p{margin:3px 0;}

/* underlined title */
.underlined{border-bottom:2px solid #c5ccd0; padding-bottom:3px;}
.underlined h3{margin-top:0.6em; display:inline;}
.underlined span{float:right;}
.underlined .linkRight{padding-right:10px; background:url(../img/arrow.gif) right 6px  no-repeat;}

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

/* box */
.box{border:1px solid #b7b7ae; width:49%;}
.box .boxHeader{background:#f9b226; border-bottom:1px solid #b7b7ae; font-weight:bold; height:20px; padding:0 10px;}
.box .boxContent{min-height:188px; padding:10px 10px;}

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

/* cms content */
.cmsContent h3{margin-top:1.5em;}
.cmsContent p{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;}

/* separator */
.sep{height:2px; width:100%;}

/* 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:#CC0000;}
.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;}

/* gallery Modal Box */
.modalBox{padding:10px; background-color:#fff;}
.modalBox .imgDesc{margin:0;}
.modalBox .imgDesc h3{margin:5px 0;}
.modalBox .imgDesc p{margin:0; font-size:0.9em; padding-right:5px;}
.modalBox .closeBtn{clear:both;float:right;padding-bottom:6px;cursor:pointer;}


.modalOpen{cursor:pointer;}

/* 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;}