/*
	NVI Solutions CSS Framework 
	Last Update:March 16th, 2009
*/

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

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

/* body */
body{background-color:#000000; color: #FFFFFF; font:70%/140% "Times New Roman", Times, serif; height:auto !important; height:100%; min-height:100%;}

/* links */
a,a:link,a:visited, a:active{color:#b18f25; text-transform:uppercase;}
a:hover{color:#FFFFFF; text-decoration:underline;}

/* titles */
h1,h2,h3,h4,h5,h6{color:#b18f25; margin:0 0 .3em 0; line-height:1em; text-transform:uppercase;}
h1{font-size:1.8em;}
h2{font-size:1.5em;}
h3{font-size:1.3em;}
h4{font-size:1.5em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}

/* lists */
ul{ margin:0; padding:0;}
li{padding-bottom:.35em;}
ul ul{padding:.4em 0 0 1.2em;}
ul li{font-size:1em; line-height:1.4em; padding-left:.8em;}
ul ul li{font-size:.9em; line-height:1.3em;}
ul ul ul li{font-size:.8em; line-height:1.2em;}
ul ul ul ul li{font-size:1em; line-height:1.1em;}

ol{margin-left:20px; padding:0; list-style-type:upper-alpha;}
ol ol{padding:.4em 0 0 1.2em; list-style-type:decimal;}
ol ol ol{list-style-type:lower-alpha;}
ol ol ol ol{padding:.4em 0 0 1.2em; list-style-type:decimal;}
ol li{font-size:1em; line-height:1.4em;}
ol ol li{font-size:.9em; line-height:1.3em;}
ol ol ol li{font-size:.8em; line-height:1.2em;}
ol ol ol ol li{font-size:1em; line-height:1.1em;}

/* textes & misc */
p{margin:0 0 1em 0; font-size:1.1em;}
hr{margin:1em 0; background:#b18f25; color:#b18f25; height:1px;  border:none; clear:both;}

/* blockquote */
blockquote{font-style:italic;}
blockquote .name{font-style:normal;}
blockquote .bq1{background:url(../img/bgBlockquote1.gif) no-repeat top left; float: left; width: 21px; height: 18px; padding-right: 10px;}
blockquote .bq2{background:url(../img/bgBlockquote2.gif) no-repeat top left; display: inline; float: right; width: 21px; height: 18px; position: relative; top: -10px;}


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

/* tables */
table{border-collapse:collapse;}
table th{background:#000 repeat-x bottom left; padding:6px; border:1px solid #9b9b9b; vertical-align:top; text-align:left;}
table td{padding:6px; border:1px solid #9b9b9b; vertical-align:top;}

/* tables important */
table.important{border-collapse:collapse; border:1px solid #9b9b9b;}
table.important th{background:url(../img/backTH.gif) #fff repeat-x bottom left; color:#000; font-size:1.05em; font-weight:bold; padding:8px 10px; border:1px solid #9b9b9b; /*border-width:0 1px;*/ vertical-align:top; text-align:left;}
table.important td{padding:8px 10px; border:1px solid #9b9b9b; /*border-width:0 1px;*/ vertical-align:top; color:#000; font-size:1.05em; font-weight:bold;}
table.important td.noBorder{border-width:1px 0;}

table.cleanTable{border-collapse:collapse; border:1px solid #9b9b9b;}
table.cleanTable th{background:none; color:#000; font-size:1.05em; font-weight:bold; padding:8px 10px; border:1px solid #9b9b9b; border-width:0 1px; vertical-align:top; text-align:left;}
table.cleanTable td{padding:8px 10px; border:1px solid #9b9b9b; border-width:0 1px; vertical-align:top; color:#000; font-size:1em; font-weight:bold;}
table.cleanTable td.noBorder{border-width:0 0 0 0; border:none;}

table.noBorder{border-collapse:collapse; border-width:0 0 0 0; border:none;}
table.noBorder th{background:none; color:#000; font-size:1.05em; font-weight:bold; padding:8px 10px; border-width:0 0 0 0; border:none; vertical-align:top; text-align:left;}
table.noBorder td{padding:8px 10px; border-width:0 0 0 0; border:none; vertical-align:top; color:#000; font-size:1em; font-weight:bold;}

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

/* forms */
form{}
input, textarea, select, option, label, fieldset, legend{color:#410a1b; vertical-align:bottom;}
label{font-weight:bold;}
fieldset{}
legend{}
button{background:none; border:none; cursor:pointer; margin:0; padding:0; width:auto; overflow:visible;}
input{ background:url(../img/backInput.gif) repeat-x; padding:1px;  border:1px solid #b8b9ce; font-size:11px;}
textarea{background:#fff; border:1px solid #b8b9ce;}
select{background:#fff; border:1px solid #b8b9ce; font-size:11px;}
option{border:none; font-size:11px;}
input.text{background:#fff; border:1px solid #b8b9ce;}
input.password{background:#fff; border:1px solid #b8b9ce;}
input.file{}
input.radio{}
input.checkbox{}
input.image{}
input.reset{}
input.submit{color:#efefff; background:#1e3e6f; border:1px solid black; font-weight:bold; padding:2px; width:100%; display:block;}

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

/* CONTAINERS ========================================================================================================*/
#container1, #container2, #container3, #container4, #container5{}
#container1{ padding-top:50px;}
.jsActivated #container1{ padding-top:0;}
#container2{ width:100%; height:768px; margin:0 auto; background: url(../img/mainBg.jpg) no-repeat top;}
.jsActivated #container2{display:none; height:100%;  background:none;}
#container3{ padding-bottom:40px;}
#container4{position:absolute; left:0px; top:0px; width:100%; height:100%;}
#container5{position:relative; width:890px; height:768px; margin:0 auto; padding-bottom:40px; padding-top:50px;}
.jsActivated #container1{ padding-top:0;}

/* HEADER ========================================================================================================*/
#header{width:890px; position:relative; padding-top:73px;}

/* mainMenu */
#mainMenu{background-color:#000000; height:42px;  z-index:0;}

/* nav */
#nav{z-index:0; position:relative; top:14px; text-align:center;}
#nav ul, #nav li{padding: 0; margin: 0;}
#nav ul li{background:none; position: relative; display: inline;}
#nav ul li.spacer{ background:none; display:inline; padding:0 100px 0 90px;}
#nav ul li a{ border:none; font-size:14px;}
#nav ul li a.bullet{ background:url('../img/bullet_gold.gif') 0 .40em no-repeat; padding-left:10px;}
#nav ul li a.activate{}
#nav ul li a:hover{}
#nav ul li ul{display: none; position: absolute; top: 42px; margin-top: 0px; left: 0; width: 14em;}
#nav ul li ul.biggerWidth{width: 13em;}
#nav ul li:hover ul{display: block;} /* reproduit en js pour IE avec initNav() */
#nav ul li ul li{float: none; display: block;}
#nav ul li ul li a{background: #1e4ba1; color: #FFF; font-weight:normal; display: block; width: 100%; padding: 7px 0 7px 10px; border-top:solid 1px #4a6eb3; text-decoration:none;}
#nav ul li ul li a.activate{background: #1e4ba1; color: #FFF;}
#nav ul li ul li a:hover{background: #2253b0; color: #FFF; text-decoration:underline;}
#nav ul li ul li.first a{border-top:none;}
#nav ul li ul li.last a{background: #1e4ba1; border-bottom:solid 1px #4a6eb3;}
#nav ul li ul li.last a:hover{background: #2253b0; border-bottom:solid 1px #4a6eb3;}

#logo{position:absolute; top:55px; left:345px; z-index:1;}

/* CONTENT ========================================================================================================*/
#content{ width:890px; margin-top:10px; border: 1px solid #b18f25; font-size:1.15em;}
#content .container{margin:3px; padding:5px; border: 1px solid #b18f25; position:relative; height:auto !important; min-height:450px; height:450px;}

#content .centerContent{ margin-top:20px; padding:5px; background-color:#000000;}
#content .bottomMenu{ margin-top:56px; }
#content .bottomMenu #bottomNav{ position:absolute; bottom:0px; text-align:center; width:872px; background-color:#000000; border-top: 1px dotted #b18f25;}

/* nav */
.bottomMenu #bottomNav{z-index:0; text-align:center; padding:10px 0;}
#bottomNav ul, #bottomNav li{padding: 0; margin: 0;}
#bottomNav ul li{background:none; position: relative; display: inline;}
#bottomNav ul li a{ border:none; font-size:12px;}
#bottomNav ul li a.bullet{ background:url('../img/bullet_gold.gif') 0 .40em no-repeat; padding-left:10px;}
#bottomNav ul li a.activate{}
#bottomNav ul li a:hover{}

#content #homeNews{float:right; width:125px; border: 1px dotted #b18f25; text-align:center; color:#b18f25; padding:20px;}
#content #homeLeftContent{float:left; margin-top:20px; padding:5px; background-color:#000000; width:690px;}

/* footer ========================================================================================================*/
#footer{width:890px;}
#containerFooter{ margin:0 auto; text-align:center; margin-top:5px;}

#containerFooter #footerContent{color:#b18f25; text-transform:uppercase; font-size:1em; display:inline;}
#containerFooter #lang{float:right; padding-right:5px;}

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

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

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

/* 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)*/

/* clearTable */ /* SS:Renamed noDesignTable to 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:#f0b825;}

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

/* highlight */
.highlight{color:#003575;}

/* subtle */
.subtle{color:#ccc;}

/* important */
.important{color:#0e4dee;}
h1.important, h2.important,h3.important,h4.important ,h5.important,h6.important{margin:0; text-transform:uppercase; line-height:1em; border-bottom:1px dashed #0e4dee;}
h1.important, h2.important{background:url(../img/heading_important1.gif) 0px 2px no-repeat; padding:0 0 .2em 45px;}
h3.important, h4.important{background:url(../img/heading_important2.gif) 0px 2px no-repeat; padding:0 0 .2em 36px;}
h5.important, h6.important{background:url(../img/heading_important3.gif) 0px 2px no-repeat; padding:0 0 .2em 28px;}
a.important,a.important:link,a.important:visited{color:#0e4dee; font-weight:bold; text-decoration:underline;}
a.important:hover, a.important:active{color:#1e3e6f; text-decoration:none;}
hr.important{background:#0e4dee; color:#0e4dee;}
.important ul{margin:0; padding:0;}
.important ul li{padding-bottom:.35em;}
.important ul ul{padding:.4em 0 0 1.2em;}
.important ul li{background:url(../img/bullets/web_arrows1.gif) 0 .35em no-repeat; font-size:1em; font-weight:bold; line-height:1.4em; padding-left:.8em; list-style:none;}
.important ul ul li{background:url(../img/bullets/web_arrows2.gif) 0 .3em no-repeat; font-size:.9em; line-height:1.3em;}
.important ul ul ul li{background:url(../img/bullets/web_arrows3.gif) 0 .15em no-repeat; font-size:.8em; line-height:1.2em;}
.important ul ul ul ul li{font-size:1em; line-height:1.1em;}
.important table{border-collapse:collapse;}
.important table th{background:none; padding:10px; border:1px solid #1e3e6f; background:#d2ddfc;}
.important table td{padding:10px; border:none; vertical-align:top; border:1px solid #0e4dee; background:#eff3fe;}