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

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

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

/* body */
body{background:url(../img/back.jpg) top center repeat-x #003575; color: #333333; font:70%/140% Verdana, Arial, Helvetica, sans-serif; height:auto !important; height:100%; min-height:100%;}

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

/* titles */
h1,h2,h3,h4,h5,h6{color:#414e61; margin:0 0 .3em 0; line-height:1em;}
h1{font-size:1.8em;}
h2{font-size:1.8em;}
h3{font-size:1.5em;}
h4{font-size:1.5em;}
h5{font-size:1.2em;}
h6{font-size:1.2em;}

/* 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;}
hr{margin:1em 0; background:#410a1b; color:#410a1b; 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;}

table.childInfos{border-collapse:collapse; border-width:0 0 0 0; border:none;}
table.childInfos 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.childInfos td{padding:8px 10px 8px 0; 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.error, input[type=text].error, textarea.error, select.error{border:1px solid #c00;}
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{background:url(../img/backcontent.gif) top center repeat-y; width:960px; margin:0 auto;}
#container2{background:url(../img/backContent_top.jpg) top center no-repeat; width:960px; margin:0 auto;}
#container3{width:950px; margin:0 auto; padding:0;}
#container4{}
#container5{}

/* HEADER ========================================================================================================*/
#header{width:950px; height: 117px; position:relative; background:url(../img/backHeader.jpg) no-repeat; position:relative; top:0; left:0; z-index:20;}

/* topInfos */
#topInfos{position:absolute; left:275px; top:0;}

/* btnLangue */
#btnLangue{position:absolute; top:0; right:30px;}

/* mainMenu */
#mainMenu{position:absolute; bottom:3px; left:289px; z-index:100;}

/* nav */
#nav{z-index:2;}
#nav ul, #nav li{padding: 0; margin: 0;}
#nav ul li{background:none; position: relative; float: left; display: block;}
#nav ul li a{display: block; background: none; border:none;}
#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;}

/* CONTENT ========================================================================================================*/
#content{margin:0 auto; width:942px; overflow:hidden; padding:0 4px; z-index:0;}
#content .container{width:918px; margin:0 auto; overflow:hidden;}

/* steps */
#steps{width:942px; height:85px; position:relative;}
#steps ul li.step{float:left; display:inline; font-size:0; line-height:0; margin:0; padding:0;}
#steps ul li#step1{position:relative; left:-82px;}
#steps ul li#step2{position:relative; left:-120px;}
#steps ul li#step3{position:relative; left:-120px;}

/* mainTitle */
.mainTitle{background-color:#4e70b1; display:block; height:32px; margin-top:10px;}
.mainTitle.highLight{background: url(../img/backTitleYellow.jpg) repeat-x;}
.mainTitle h2{margin:0; padding:0;}
.mainTitle h2 span{display:none;}

/* subTitle */
.subTitle{height:32px; background-color:#d6e8ff; display:block;}

/****************** LOGINS  **************************/
#loginOrder{background-color:#eaeaea; margin-top:5px; padding:15px;}
#loginOrder label{color:#333333; font-size:12px;}
#loginOrder select{margin-bottom:5px;}
#loginOrder .worker{height:16px; width:16px; display:block; float:left;}
#loginOrder #instructions h3{color:#003399; font-size:14px; font-weight:bold; padding:5px 0;}
#loginOrder #accesFormContainer label{display:block; padding:3px 0;}
#loginOrder #accesFormContainer .error{color: #410a1b; border: 2px solid #c00;}

#loginOrder #eventLogin .eventsDropdown{margin-top:10px}
#loginOrder #eventLogin select{margin-bottom:8px;}

#submitButton{display:none;}

/****************** STEP 1  **************************/
/* photoSelect */
#photoSelect{position: relative; z-index: 10;}

/* catalogList */
#catalogList{width:344px; height:377px; float:left; display:inline; background-color:#eaeaea; margin-top:4px; overflow:auto; position: relative;}
#catalogList .htmlSample{display: none;}
#catalogList .catalogItem{width: 160px; height: 180px; float:left; margin: 0 auto; position: relative;}
#catalogList .catalogItem .image{position: absolute; left: 0; bottom: 25px; width: 100%; text-align: center;}
#catalogList .catalogItem .image img{border:3px solid #fff;}
#catalogList .catalogItem .title{font-size:10px; color:#333; position: absolute; left: 0; bottom: 5px; width: 100%; text-align: center;}
#catalogList .catalogItem.activated img{border:3px solid #fc0 !important;}
#catalogList .worker{display: none;}
#catalogList.loading .worker{display: block;}
#catalogList.loading .catalogItem{display: none;}

/* photoViewer */
#photoViewer{width:578px; height:357px; float:left; display:inline; padding:10px; position:relative;  z-index: 15;}
/*#photoViewer .photo{text-align:center; margin:0 auto;}*/
#photoViewer .previousBtn{position:absolute; top:68px; left:10px; z-index: 10;}
#photoViewer .nextBtn{position:absolute; top:68px; right:0px; z-index: 9;}
#photoViewer .addToCart{position:absolute; right:20px; bottom: 4px; z-index: 8;}
#photoViewer .statusUpdate{position:absolute; left:30px; bottom: 0; z-index: 7; font-size: 11px; background: #fff; padding: 3px 8px;}
#photoViewer .statusUpdate .nbItem{font-size: 16px; color: #4e70b1; font-weight: bold;}
#photoViewer .flash{position: absolute; width: 580px; top: 0; height: 320px; display: block; z-index: 1;}

/* modalPhotoViewer */
#modalPhotoViewer{border: 2px solid #ccc; background: #fff; position: absolute; z-index: 20; top: 0; left: 0; width: 938px; height: 590px; display:none;}
#modalPhotoViewer .previousBtn{position:absolute; top:250px; left:10px; z-index: 10;}
#modalPhotoViewer .nextBtn{position:absolute; top:250px; right:0px; z-index: 9;}
#modalPhotoViewer .closeWindow{position:absolute; top:10px; right:20px; z-index: 8;}
#modalPhotoViewer .flash{position: relative; width: 940px; top: 0; height: 580px; display: block; z-index: 1;}
.modalViewerOpen #content{height: auto !important; height: 610px; min-height: 610px;}
.modalViewerOpen{/*overflow: hidden;*/}
.modalViewerOpen #steps,
.modalViewerOpen #backgroundList,
.modalViewerOpen #kitList,
.modalViewerOpen #cart,
.modalViewerOpen #otherItemList{display: none;}
.modalViewerOpen input, .modalViewerOpen select, .modalViewerOpen textarea{visibility: hidden;}

/* backgroundList */
#backgroundList{}
#backgroundList .container{height:295px; width:942px; overflow:auto; position:relative;}
#backgroundList label{font-weight:bold; float:left; font-size:1.05em; padding:7px 0 0 18px;}
#backgroundList .statusUpdate{float:left; font-size:1.05em; padding:7px 0 0 18px;}
#backgroundList form{float:left; padding:7px 0 0 10px;}
#backgroundList .backgroundItem{float:left; padding:18px 0 0 24px; width:104px;}
#backgroundList .htmlSample{display: none;}
#backgroundList .worker{display: none;}
#backgroundList.loading .worker{display: block;}
#backgroundList.loading .backgroundItem{display: none;}
/*#backgroundList .backgroundItem .image{background: url("../img/contourImage.gif") no-repeat top center; width:104px; height:104px; position:relative;}
#backgroundList .backgroundItem .image img{padding: 7px 0 0 7px;}*/


#backgroundList .backgroundItem .border1Image{border:1px solid #dddddd;}
#backgroundList .backgroundItem .border2Image{border:1px solid #ebebeb;}
#backgroundList .backgroundItem .border3Image{border:1px solid #f5f5f5;}
#backgroundList .backgroundItem .image{border:3px solid #fff; text-align:center; position:relative; width:90px; height:90px; margin:0 auto; overflow:hidden;}
#backgroundList .backgroundItem.activated .image{border-color:#fc0;}
#backgroundList .backgroundItem .image .newItem{position:absolute; top:11px; left:-3px !important; left:-4px; background:#4e70b1; color:#FFF; font-weight:bold; padding:1px 5px;}
#backgroundList .backgroundItem .title{font-size:10px; color:#333; background-color:#eaeaea; padding:1px 5px; margin-top:5px; width:94px; overflow:hidden; min-height:18px;}

/* kitList */
#kitList{width:304px; float:left; margin-top:10px; border-bottom:1px solid #9b9b9b; margin-bottom:40px;}
#kitList #infosKits{background:#4e70b1; padding:0 0 5px 15px; width:289px;}
#kitList #infosKits ul li{margin:0; padding:0; background:none; list-style:none; color:#d6e8ff; font-size:0.95em;}
#kitList .kitItem{
	width:302px;
	background: url(../img/backEnsembles.gif) #fff no-repeat bottom left;
	padding:6px 0 17px 0;
	position:relative;
	min-height:88px;
	border-right:1px solid #9b9b9b;
	border-left:1px solid #9b9b9b;
}
#kitList .kitItem.activated{/*background: url("../img/backEnsembles_on.gif") #fff no-repeat bottom left;*/}
#kitList .kitItem .background{padding-left:7px; margin:0 10px; width:94px; float:left; display:inline; background: url("../img/pictoEnsemble.jpg") no-repeat; height:62px; position:relative; top:5px;}
#kitList .kitItem.activated .background{background: url(../img/pictoEnsemble_on.jpg) no-repeat;}
#kitList .kitItem .background .nameKit{position:absolute; top:7px; left:64px; font-size:16px; font-weight:bold; width:30px; height:30px; text-align:center;}
#kitList .kitItem .content{float:left; display:inline; width:175px;}
#kitList .kitItem .content .price{font-size:1.1em; font-weight:bold; padding-top:12px;}
#kitList .kitItem .content .description{}
#kitList .htmlSample{display: none;}
#kitList .worker{display: none;}
#kitList.loading{border: none;}
#kitList.loading .worker{display: block;}
#kitList.loading .kitItem{display: none;}

/* cart */
#cart{margin-left:6px; width:632px; float:left; margin-top:10px;}

/* cartList */
#cartList{/* margin-left:6px; width:632px; float:left; margin-top:10px;*/}
#cartList .htmlSample{display: none;}
#cartList .worker{display: none;}
#cartList.loading{}
#cartList.loading .worker{display: block;}
#cartList.loading table{display: none;}
#cartList.loading #espacePromo{display: none;}
#cartList .cartItem .kitPrice{font-size: 9px; font-weight: normal; color:#666; display: block;}
#cartList .cartItem .otherKitRequired{display: none;}
#cartList .cartItem .isFree{display: none;}
#cartList .cartItem.deleting{background: #fc0;}
#cartList .cartItem.deleting *{color: #666 !important;}
#cartList .cartItem.deleting .deleteBtn{visibility: hidden;}
#cartList .cartItem.inactive{background: #eee !important;}
#cartList .cartItem.inactive *{color: #999 !important;}
#cartList .cartItem.inactive .otherKitRequired{display: block; width: 130px; color: #000 !important; font-size: 9px; line-height: 11px; font-weight: normal;}
#cartList .cartItem.inactive .price{text-decoration: line-through;}

#cartList .cartItem.free{background: #FC3 !important;}
#cartList .cartItem.free *{color: #000 !important;}
#cartList .cartItem.free .price{text-decoration: underline;}

#cartList .cartItem.incomplete{background: #ffd1e2 !important;}
#cartList select.error{color: #c00 !important; border: 2px solid #c00 !important;}

/* cartSummary */
#cartSummary{background-color:#fff9d1; padding:16px;}
#cartSummary .statusUpdate{border-bottom: 1px dashed orange; margin-bottom: 15px;}
#cartSummary .statusUpdate p{font-size: 1.1em; margin-bottom: 1em;}

#cartSummary .leftInfos{width:235px; float:left; display:inline;}
#cartSummary .leftInfos input{float: left;}
#cartSummary .leftInfos .worker{/*display: none;*/ width:20px; height: 20px; float: left; position: relative; top: - 4px;}
#cartSummary .leftInfos a{font-size:12px; color:#0e317e; text-decoration:underline; padding-left:10px; float: left;}
#cartSummary .leftInfos a:hover{text-decoration:none;}
#cartSummary .leftInfos .promoMsg{display:none;}
#cartSummary .leftInfos .promoMsg img{position: relative; top: 3px;}

#cartSummary .rightInfos{width:270x; float:right; display:inline; text-align:right;}
#cartSummary .rightInfos p{font-size:14px; font-weight:bold;}
#cartSummary .rightInfos p .price{font-size:18px;} 
#cartSummary .rightInfos #nextStep img{float: right;} 
#cartSummary .rightInfos .worker{/*display: none;*/ width:20px; height: 20px; float: right; position: relative; top: - 4px; left: -10px;}
#cartSummary .rightInfos .kitMsg{display:none;}


/* otherItemList */
#otherItemList{margin-top:13px;  width:632px; float:right; margin-left:6px;}
#otherItemList .container{border:1px solid #9b9b9b; border-width:0 1px 1p 1px; padding-bottom:20px; width:630px;}
#otherItemList .otherItem{float:left; margin:18px 0 0 26px; z-index: 1;}
#otherItemList .otherItem .image{width:124px; height:110px; position:relative; overflow:hidden;}
#otherItemList .otherItem .image img{padding: 7px 0 0 7px;}
#otherItemList .otherItem .image a{cursor:default;}
#otherItemList .otherItem .title{font-size:10px; color:#333; background-color:#eaeaea; padding:1px 5px; margin-top:5px; width:94px; height:33px; overflow:hidden;}


/****************** STEP 2  **************************/
/* resumeOrder */
#resumeOrder{}
#resumeOrder .mainTitle.highLight{margin-top:0px;}
#resumeOrder .mainTitle.highLight h2{float:left;}
#resumeOrder #orderEditTopHyperlink{float:right; padding:4px 15px 0 0;}

/* orderList */
#orderList{width:941px; margin-left:1px;}
#orderList th.kitHeader{width:400px;}
#orderList th.qtyHeader{width:35px;}
#orderList th.priceHeader{width:70px;}
#orderList .cartItem td{color:#333333; padding: 20px 15px; height:180px;}
#orderList .cartItem .quantity{font-weight:normal; text-align:right;}
#orderList .cartItem .price{text-align:right;}
#orderList .cartItem .kitName{font-size:16px; float:left;}
#orderList .cartItem .kitInfo{font-size:11px; font-weight:normal; display:block; padding-left:40px;}
#orderList .cartItem .imageHolder{height: auto !important; height:100%; min-height:100%; position:relative;}
#orderList .cartItem .imageName{font-size:10px; font-weight:normal; position:absolute; bottom:0; left:0;}
#orderList .cartItem .image{border:3px solid #dddddd;}

/* orderTotal */
#orderTotal{background-color:#fff9d1; width:940px; border:1px solid #9B9B9B; border-top:none;}
#orderTotal .rightInfos{width:250px; float:right; text-align:left; position:relative; margin:5px;}
#orderTotal .rightInfos p{font-size:11px; font-weight:bold; margin:0 0 3px;} 
#orderTotal .rightInfos p span{position:absolute; right:0;} 
#orderTotal .rightInfos p.totalPrice{font-size:18px; color:#cc6600; margin:8px 0;} 
#orderTotal .rightInfos img{padding:5px 0 0 5px;} 

/* personalInfos */
#personalInfos{}
#formPersonalInfos{padding:20px; position:relative; width:942px;}
#formPersonalInfos table{font-size:12px; width:475px;}
#formPersonalInfos #orderCheckoutBtn{position:absolute; bottom:40px; left:730px;}


/****************** STEP 3  **************************/
/* confirmOrder */
#confirmOrder{}

/* confirmMessage */
#confirmMessage .topMessage{margin:15px 0 15px 3px; width:550px; float:left;}
#confirmMessage .btnPrint{float:right; margin: 20px 10px 0 0;} 

/* contentLeft ----------------------------------------------------------------------------------------------------*/
#contentLeft{width:209px; float:left; color:#fff; height:auto !important; height:350px; min-height:350px;}

/* pageTitleIntro */
#pageTitleIntro{padding-bottom: 1em;}

/* contentRight ----------------------------------------------------------------------------------------------------*/
#contentRight{width:709px; float:left;}

/* pageTitle */
#pageTitle{position: relative; top: -.2em; margin-bottom: 1.5em;}

/* breadcrumb */ /* SS:Renamed breadCrub to breadcrumb */
#breadcrumb{line-height:1em; padding-bottom:.5em; margin-bottom:.5em; position: relative; left: 28px; top: 15px;}
#breadcrumb a{color:#717d8d; font-size:.8em; line-height:1em; text-decoration:none; font-weight:normal;}
#breadcrumb a:hover{color:#323d4f; font-size:.8em; line-height:1em; text-decoration:none; font-weight:normal;}
#breadcrumb .first{}
#breadcrumb a.last, #breadcrumb a.last:hover{font-weight: bold;}
#breadcrumb .sep{color:#999; font-size: .8em;}


/* footer ========================================================================================================*/
#footer{width:960px; margin:0 auto; height:199px; text-align:left; clear:both; background:url('../img/footer.jpg') top left no-repeat;}
#containerFooter{width:950px; margin:0 auto; text-align:center;}

/* menuFooter */
#menuFooter{background-color:#0d418d; padding:5px 10px; margin:0 10px; text-align:center;}
#menuFooter ul li{display:inline; padding:0 5px 0 0; color:#FFF;}
#menuFooter ul li a{color:#FFF;}

/* footerInfos */
#footerInfos{color: #666666;  text-align:left;}
#footerInfos a, #footerInfos a:link, #footerInfos a:active, #footerInfos a:visited{color: #6699ff; text-decoration: none; font-weight:normal;}
#footerInfos a:hover{text-decoration: underline;}
#footerInfos ul{padding-left:35px;}
#footerInfos ul li{display:inline; background: none; padding-left:0; margin-right:5px;}
#footerInfos #sepFooter1{margin: 21px 0 10px 15px;}
#footerInfos #sepFooter2{margin: 10px 0 4px 12px;}
#footerInfos p{margin:0 0 0 35px; padding:0 0 0 0;} 
#footerInfos .p3{font-size:10px; padding-left:30px;}

/* companyInfos */
#companyInfos{color:#97a5b5;}
#companyInfos a{color:#fff; font-weight: normal; text-decoration:none; font-size:10px;}
#companyInfos a:hover{text-decoration:underline; font-size:10px;}
#companyInfos .designNvi{float: right;}
#companyInfos p{font-size:10px; line-height:12px; margin:0; padding:0;}

/* 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{padding:0 0 .2em 45px;}
h3.important, h4.important{padding:0 0 .2em 36px;}
h5.important, h6.important{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{font-size:1em; font-weight:bold; line-height:1.4em; padding-left:.8em; list-style:none;}
.important ul ul li{font-size:.9em; line-height:1.3em;}
.important ul ul ul li{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;}

/* validation box */
.validationBox{margin-bottom:7px;}
.validationBox li{list-style:disc; list-style-position:inside;}

/* tooltip */
.secretNumberTooltip{padding:1em; width:250px;}
.secretNumberTooltip img{border:1px solid #ccc; display:block; margin:0 auto 1em auto;}

/* 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 */
.hiddenCulture{display:none;}

/* worker */
.worker{background: url('../img/worker.gif') no-repeat center; width: 100%; height: 40px;}