/* CSS Document */ /*------------- Common Elements -------------*/ *, html {margin: 0; padding: 0; } body { margin:50px 0; font-family: Georgia, "Times New Roman", Times, serif; } a { text-decoration:none; outline: none; } /*---------- Site Wrapper ----------*/ #globalWrapper { width: 974px; margin: 0 auto; } /*------------ Site's Header ------------*/ #top { width: 974px; height: 40px; background: url(../images/layout/horizontal_dot.png) repeat-x left bottom; padding-bottom: 1px;} #top h1 { display: block; position: absolute; width: 177px; height: 37px; overflow: hidden; } #top h2 { padding-top: 22px; text-align: right; font-size: 13px; color:#B5A49C; } #top h2 strong { color: #776052; } #top ul { float: right; margin-top: 20px; margin-left: 10px; list-style: none; background: url(../images/layout/vertical_dot.png) repeat-y right top; } #top ul li { float: left; background: url(../images/layout/vertical_dot.png) repeat-y left top; padding: 0 8px; height: 20px; } #top ul li a { line-height: 16px; padding-top: 3px; font-size:11px; color:#B5A49C; } #top ul li a:hover { color:#6A4E40; } /*----- Content -----*/ #middle { height:375px; margin:10px 0 10px 0; } #middle h3 { color:#684f40; width:178px; font-size: 17px; text-align: right; margin: 10px 0; } #middle h4 { font-size:13px; color:#ac9d95; width:178px; text-align: right; margin: -10px 0 10px 0; } #middle h5 { color:#684f40; font-size:12px; margin:15px 0 5px 0; width:178px; text-align: right; } #content { position: absolute; z-index:160; margin-left:220px; height:375px; width:720px; } #content h2 { font-size: 16px; color: #B5A49C; } #content h4 { font-size: 14px; color: #A27C6A; width: auto; margin: 10px 0; text-align: left; } #content p { font-size: 12px; color: #694F42; line-height: 150%; margin-bottom: 25px; } #content p.last { margin-bottom: 0; } #content p.warning, #content h4.warning { color: #FF0000; } #content ul.clientsList { display:block; float:left; margin: 20px 0 0 0; width: 360px; } #content ul.clientsList li { color:#9e8a76; font-size: 11px; line-height: 14px; list-style: square; margin: 0.5em 0 0 1.5em; } #content #home, #team { position:absolute; z-index:300 } #team { background: #fff;} #articlesList { width:350px; height:300px; margin-top: 35px; } #articlesList ul { margin: 0 0 0 1.5em;} #articlesList ul li { list-style: square; font-size: 11px; color:#9e8a76; margin-bottom: 20px; } #articlesList ul li a { font-size: 13px; color:#6A4E40; font-weight: bold; } #pagination { margin-top: 10px; } #pagination a { font-size: 11px; color: #6A4E40; } #pagination a:hover { text-decoration: underline; } #alter { position: absolute; left: 370px; top: 35px; width: 330px; height: 320px; overflow-y: auto; overflow-x: hidden; background: url(../images/layout/vertical_dot.png) repeat-y; padding-left: 20px; padding-right: 20px; } #alter h4 { margin: 0 0 10px 0; text-align: left; width: auto; } #alter ul { margin-bottom: 15px; } #alter ul li { color: #694F42; font-size: 12px; line-height: 14px; list-style: square; margin: 0 0 0.25em 1.5em; } #alter h5 { color: #694F42; font-size: 12px; margin: 0; text-align: left; padding: 0; width: 330px; } #forces { float: right; margin: 80px 0 0 20px; width: 250px; text-align: right; } #forces h4 { text-align: right; font-style: italic; font-weight: normal; font-size: 24px; width: auto; color: #744F3F; margin-bottom: 0; } #forces ul { list-style: none; } #forces ul li { font-size: 22px; color:#986752; } #adresse { background:url(../images/layout/horizontal_dot.png) repeat-x left bottom; padding-bottom:1px; margin: 20px 0 5px 0; } #adresse div { width:180px; float:right; margin-left:10px; text-align:right; padding-top: 13px; } #adresse div p { margin-bottom: 0; } /*--------------- Client List UL ---------------*/ ul#clientPage { background-color:#fff; margin-top:10px;background:url(../images/layout/horizontal_dot.png) repeat-x top; padding:5px 0; list-style:none} ul#clientPage li { float:left; margin-right:5px; width:18px; height:18px; font-size: 11px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif;} ul#clientPage li a {background: url(../images/layout/formBoton.jpg); color:#6a4f44; height: 16px; padding-top: 2px; width: 18px; text-align:center; display: block } ul#clientPage li a:hover, ul#clientPage li.actif a { background: #ac9d95; color: #fff; } .formListing{ font-weight:bold;} .formListing input{background: url(../images/layout/formBoton.jpg); border:none;width:18px; height:18px; font-size:10px; cursor:pointer; color:#6a4f44;font-weight:bold; } .formListing input:hover{background: url(../images/layout/formBoton2.jpg);color:#3a1f1e;font-weight:bold; } .formListing input.actif{background:none; background-color:#ac9d95;cursor:default; color:#fff;font-weight:bold; } /*------------------ Portfolio Thumbnails ------------------*/ #portfolioThumbs ul { list-style: none; height: 280px; padding-top: 8px; } #portfolioThumbs ul li { background: url(../images/layout/bg-thumbs-portfolio.gif) ; float: left; margin: 6px; padding: 8px; } #portfolioThumbs ul li a { padding: 0; margin: 0; border: 3px solid #fff; width: 200px; height: 75px; display: block; } #portfolioThumbs ul li a:hover { border: 3px solid #D1C7C2; } #portfolioThumbs ul li a img { border: none; } #portfolioThumbs ul li a span { display: none; } #portfolioThumbs ul li a:hover span { position: relative; display: block; } #portfolioThumbs ul li a:hover span span { display: block; position: absolute; top: -108px; left: -3px; width: 200px; text-align: center; margin: 0 3px; padding-bottom: 8px; background: url(../images/layout/bg-folio-tip-bottom.png) no-repeat left bottom; z-index: 2000; } #portfolioThumbs ul li a:hover span span span { width: 200px; display: block; padding: 8px 0 5px 0; background: url(../images/layout/bg-folio-tip-top.png) no-repeat; font-size: 12px; color: #776052; position: relative; top: 0; left: -3px; } #alertBox {position: absolute; z-index:4000; top: 0; left: 0; height:100%; width:100%; background-color:#ADA097; margin: 0; padding: 0; opacity:0; } #alertContent { position: absolute; top:50px; margin-left: 50%; left: -322px; text-align:left; background: #fff url(../images/layout/bg-thumbs-portfolio.gif); padding: 16px; border: 4px solid #D1C7C2; z-index: 4001; } #alertContent div { padding: 2px; background: #fff; } #titleItem h2 { font-size: 18px; font-weight: normal; color: #D1C7C2; } #imgContainer img { border: none; } #bottomContainer { position: relative;} #bottomContainer p { text-align: right; padding: 4px 0 6px 0; } #bottomContainer p a { border: 2px solid #EAE6E3; padding: 4px; font-size: 13px; color: #D1C7C2; font-weight: bold; margin-left: 2px; } #bottomContainer p a.url { color: #B1A096; background: url(../images/layout/icon-url.png) no-repeat right center; padding-right: 20px; float: left; position: absolute; left: 0; top: 0;} #bottomContainer p a.close { background: #fff url(../images/layout/icon-close.png) no-repeat right bottom; padding-right: 28px; } #bottomContainer p a:hover { text-decoration: underline; } #thumbnail { float: right; padding-bottom: 10px; } /*---------- Clients Zone ----------*/ #report { width: 750px; background:url(../images/layout/horizontal_dot.png) repeat-x top; padding:5px 0; } #report table { border: none; font-size: 12px; width: 100%; } #report table td, #report table th { padding: 4px; vertical-align: text-top; } #report table th { text-align: left; color: #A27C6A; background: #F0EDEC;} #report table td { color: #6B4E40; } #report table td.date { width: 125px; } #report table td.temps { width: 75px; font-weight: bold; } #report table td.temps img { position: relative; top: 3px;} #report table td.description { font-size: 11px; } #printContent h3, #printContent h4, #printContent h5 { display: none; } .row0 { background: #F0EDEC; } .row1 { background: #fff; } .ruled { background: #EAE6E3;} #solde { width: 750px; background:url(../images/layout/horizontal_dot.png) repeat-x top; padding:5px 0; } #solde form#printer { float: right; } #solde h4 { margin-top: 0; font-size: 16px;} /*--------------- Custom Scrollbars ---------------*/ #mycustomscroll3, #mycustomscroll4 { width:350px; height:300px; margin-top: 37px; } #mycustomscroll5 { width: 750px; height: 290px; margin-top: 0; } #mycustomscroll3 p, #mycustomscroll4 p { margin-right: 10px; } .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbase { width: 13px; } .vscrollerbar { width: 11px; border: 1px solid #A27C6A; background: #fff; } .vscrollerbar, .hscrollerbar { padding: 12px; z-index: 2; } .vscrollerbarend { background: url(../images/layout/arrows-scroll.png) -45px 0 no-repeat; width: 13px; height: 15px; } .vscrollerbasebeg { background: url(../images/layout/arrows-scroll.png) -30px -30px no-repeat; width: 13px; height: 15px !important; } .vscrollerbaseend { background: url(../images/layout/arrows-scroll.png) -60px -30px no-repeat; height: 15px; width: 13px; } /*------ Messages ------*/ #message, #message2 { width: 200px; background: #f1edea; border:1px dotted #b7afa5; margin: 40px auto; padding: 10px; -moz-border-radius: 3px; color:#6A4E40; } #message2 { position: relative; top: -35px; } #message div.error, #message2 div.error { background: url(../images/layout/icon-error.png) no-repeat; padding: 10px 0 10px 55px; font-size: 12px; font-weight: bold;} #message div.success, #message2 div.success { background: url(../images/layout/icon-success.png) no-repeat; padding: 10px 0 10px 55px; font-size: 12px; font-weight: bold; } /*-------------- User's Dashboard --------------*/ #userDash ul { list-style: none; background: #00FF00 } #userDash ul li { width: 230px; float: left; display: block; margin-right: 25px; border:1px dotted #D0C9C1; -moz-border-radius: 3px; padding: 10px 5px 10px 60px; } #userDash ul li#hoursBank { background: url(../images/layout/bank-icon.png) no-repeat 2px 2px; } #userDash ul li a { font-size: 14px; font-weight: bold; color: #b7afa5; width: 200px; height: 36px; padding-right: 30px; display: block; vertical-align: middle;} #userDash ul li a:hover { color: #A27C6A; background: url(../images/layout/check.png) no-repeat right center; } /*---------------- Site's Naviguation ----------------*/ /*--- Main Menu ---*/ #menu { margin: 10px 0 0 0; height:35px; width:973px; background:url(../images/layout/horizontal_dot.png) repeat-x top; } #menu ul { width:974px; height:30px; background:url(../images/layout/vertical_dot.png) repeat-y 972px 3px; list-style: none; } #menu ul li { float:left; width: 16.66%; text-align: center; background:url(../images/layout/vertical_dot.png) repeat-y left top; margin-top: 2px; font-size:13px; font-weight: bold; color:#6A4E40; letter-spacing:1px; } #menu ul li.section { padding: 6px 0 5px 0; } #menu ul li a { display:block; color:#B0A59F; width:99%; padding: 6px 0 5px 0; margin: 0 1px; } #menu ul li a:hover { color:#6A4E40; } #mouseDiv { display:block; position:absolute; width:162px; height:2px; overflow:hidden; z-index:999; visibility: hidden; background-color:#D7D1CE } /*--- Sub-Menus ---*/ #crunchMenu { width: 183px; height: 375px; font-size: 10px; color: #684f40 ; padding-right: 3px; overflow: hidden; } #MenuTop { position:absolute; z-index:299; width: 188px; overflow: hidden; height: 375px; background: url(../images/layout/vertical_dot.png) repeat-y right top; } #MenuTop ul { background:url(../images/layout/horizontal_dot.png) repeat-x top; width:200px; margin:0px; } #MenuTop ul li { display:block; background:url(../images/layout/horizontal_dot.png) repeat-x left bottom; width:187px; padding: 3px 0; } #MenuTop ul li a { display:block; color:#B5A49C; font-size:11px; font-weight: bold; width:185px; padding: 4px 0; } #MenuTop ul li a:hover { color: #A27C6A; } #MenuTop ul li a.activeMenu { color:#A27C6A; background: url(../images/layout/arrow-sub-nav.png) no-repeat right bottom; } #MenuTop ul li a.idleMenu { color:#B5A49C } /*--- Forms ---*/ form#sendMail { margin: 0; padding: 0; font-size: 12px; } form#sendMail fieldset { border: none; background: none; padding-top: 15px; } form#sendMail fieldset#left { float: left; width: 350px; margin-right: 30px; } form#sendMail fieldset div { margin-bottom: 20px; clear: none; } form#sendMail.lessPad div { margin-bottom: 15px; } form#sendMail fieldset label { color:#B5A49C; } form#sendMail fieldset input, form#sendMail fieldset textarea, form#sendMail fieldset select { border:1px dotted #b7afa5; font-family: Georgia, "Times New Roman", Times, serif; color:#6A4E40; padding:2px; background: #f1edea; -moz-border-radius: 3px; } form#sendMail fieldset input, form#sendMail select { width: 335px; } form#sendMail fieldset input.checkboxes { width: auto; } form#sendMail fieldset input.date { width: 265px; } form#sendMail fieldset input.datePicker { width: 65px; } form#sendMail fieldset select.time { width: 86px; } form#sendMail fieldset select.recipient { width: 342px; } form#sendMail fieldset select.recipient option { font-size: 78%; padding: 2px; } form#sendMail fieldset textarea { width: 335px; margin-bottom: 10px; height: 129px; -moz-border-radius: 3px; } form#sendMail fieldset div span { position: absolute; } form#sendMail fieldset div span div { background: url(../images/layout/warning-bg.png) no-repeat right top; margin: 0; height: 26px; position: relative; top: 16px; left: -345px; } form#sendMail fieldset div span div.message { top: 130px; left:-340px; width: 13.1em; } form#sendMail fieldset div span div.message.warEN { width: 11.25em; } form#sendMail fieldset div span div p { background: url(../images/layout/warning-arrow.png) no-repeat; padding: 8px 5px 2px 5px; margin: 0; } form#sendMail fieldset span.add { border: 1px dotted #b7afa5; padding: 3px; background: #F1EDEA; -moz-border-radius: 3px; margin-left: 3px; } form#sendMail fieldset span.add label { font-weight: bold; } form#sendMail fieldset span.add label input { position: relative; top: 2px; margin-right: 2px; } form#sendMail div#submitMessage { clear: left; text-align: right; } form#sendMail div#submitMessage.left { text-align: left; } form#sendMail div#submitMessage input { border: 1px dotted #b7afa5; color: #684f40; background: #f1edea; padding: 2px 10px; -moz-border-radius: 3px; cursor: pointer; } form#sendMail div#submitMessage div.delete { float: left; margin-left: 380px; border: 1px dotted #b7afa5; padding: 3px; background: #F1EDEA; -moz-border-radius: 3px; } form#sendMail div#submitMessage div.delete label { color:#FF0000; font-weight: bold; } form#sendMail div#submitMessage div.delete label input { position: relative; top: 2px; margin-right: 2px; } form#filter { margin: 0; padding: 0; font-size: 12px; } form#filter fieldset { border: none; background: none; padding-top: 15px; } form#filter fieldset#left2 { float: left; width: 350px; margin-right: 30px; } form#filter fieldset div { margin-bottom: 0; clear: none; } form#filter fieldset div.padded { padding-top: 15px; } form#filter fieldset label { color:#B5A49C; } form#filter fieldset select { border:1px dotted #b7afa5; font-family: Georgia, "Times New Roman", Times, serif; color:#6A4E40; padding:2px; background: #f1edea; -moz-border-radius: 3px; width: 340px; } form#viewReport { text-align: right; padding-top: 10px; } form#viewReport input { border: 1px dotted #b7afa5; color: #684f40; background: #f1edea url(../images/layout/report_magnify.png) no-repeat 2px 3px; padding: 2px 10px 2px 20px; -moz-border-radius: 3px; cursor: pointer; } form#editNews { margin: 0; padding: 0; font-size: 12px; width: 370px; } form#editNews fieldset { border: none; background: none; } form#editNews fieldset div { margin-bottom: 10px; } form#editNews fieldset label { color:#B5A49C; margin-right: 10px; } form#editNews fieldset input, form#editNews fieldset textarea {border:1px dotted #b7afa5; font-family: Georgia, "Times New Roman", Times, serif; color:#6A4E40; padding:2px; background: #f1edea; -moz-border-radius: 3px;} form#editNews fieldset input { width: 290px; } form#editNews fieldset input.select { width: auto; } form#editNews fieldset textarea { width: 335px; margin-bottom: 10px; height: 175px; font-size: 12px; -moz-border-radius: 3px; } form#editNews div#submitMessage { clear: left; text-align: right; margin-right: 20px; } form#editNews div#submitMessage input { border: 1px dotted #b7afa5; color: #684f40; background: #f1edea; padding: 2px 10px; margin-right: 10px; -moz-border-radius: 3px; } form#access { width: 180px; margin: 30px auto 0 auto; padding: 20px; background: #f1edea; border:1px dotted #b7afa5; -moz-border-radius: 3px; } form#access fieldset { border: none; } form#access fieldset div { margin-bottom: 4px; } form#access fieldset label { color:#6A4E40; font-size: 11px; font-weight: bold; } form#access fieldset input { width: 176px; padding: 2px; font-family: Georgia, "Times New Roman", Times, serif; color:#6A4E40; border: 1px solid #b7afa5; -moz-border-radius: 3px; } form#access div#submitLogin { margin-top: 10px; text-align: right; } form#access div#submitLogin input { padding: 2px 10px; background:#D8D3CD; border: 1px solid #6A4E40; color: #6A4E40; -moz-border-radius: 3px; } form#printer input { border:1px dotted #b7afa5; color:#6A4E40; padding:2px 2px 2px 20px; -moz-border-radius: 3px; cursor: pointer; } form#printer input.printer { background: #f1edea url(../images/layout/icon-printer.png) no-repeat 3px 3px; } form#printer input.back { background: #f1edea url(../images/layout/resultset_previous.png) no-repeat 3px 3px; } /*whizzywig*/ form#sendMail fieldset#whizzywig div div div { margin-bottom: 0; width: 335px; border:1px dotted #b7afa5; background: #E4DAD3; } form#sendMail fieldset#whizzywig div div div div { font-size: 10px; position: absolute; } form#sendMail fieldset#whizzywig input { width: auto; background: #fff; margin: 1px; border: 1px solid #fff; cursor: pointer; } form#sendMail fieldset#whizzywig input#lf_url { width: 80%; } form#sendMail fieldset#whizzywig hr { display: none; } form#sendMail fieldset#whizzywig div a { display: none; } form#sendMail fieldset#whizzywig iframe { width: 335px; border:1px dotted #b7afa5; border-top: none; background: #F8F5F3; } input.delete {font-size:9px; background: none; border: none; color: #FF0000; font-weight: bold; cursor: pointer;} /*------- Calendar -------*/ .dpDiv { margin: 4px 0 0 0; padding: 0; border: 1px dotted #b7afa5; background: #f1edea; -moz-border-radius: 3px; } .dpTable { font-size: 12px; text-align: center; color: #684E41; margin: 0; padding: 0; border: none; width: 269px; position: relative; top: 0; } .dpTR { } .dpTitleTR { } .dpDayTR { } .dpTodayButtonTR { } .dpTD { border: 1px solid #fff; } .dpDayHighlightTD { background-color: #b7afa5; border: 1px solid #684E41; } .dpTDHover { background: #aca998; border: 1px solid #888888; cursor: pointer; color: #fff; } .dpTitleTD {} .dpButtonTD {} .dpTodayButtonTD {} .dpDayTD { background-color: #B3A59C; border: 1px solid #fff; color: white; } .dpTitleText { color: #684E41; font-weight: bold; } .dpDayHighlight { font-weight: bold; } .dpButton, .dpTodayButton { background: #B3A59C; border: 1px dotted #684E41; padding: 0 5px; font-size: 13px; color: #fff; font-weight: bold; cursor: pointer; -moz-border-radius: 3px; } .dpTodayButton { font-size: 12px; } /*---- Footer -----*/ div#globalWrapper div#credit{ margin:18px 0 0 0; text-align: right; font-size:10px;color:#b0a59f} div#globalWrapper div#credit ul{ float:left; list-style:none; display:inline} div#globalWrapper div#credit ul li{ float:left } div#globalWrapper div#credit p { padding-top: 2px; } div#globalWrapper div#credit img{ margin-right:8px; border:none;}