/* CSS Document */ /* Author: Guillaume Quimper - Influenza Marketing */ /* Version 1.0 - March 2008 */ /* Version 1.5 - September 2008 */ /*------------ Basic Elements ------------*/ *, html { margin: 0; padding: 0 ; } body { background: #f0f0f0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; } a { outline: none; text-decoration: none; } /*------ Wrappers ------*/ #headerWrapper { background: #fff url(../image/layout/bg-headerWrapper-new.png) repeat-x; height: 155px; } #contentWrapper { background: #fff url(../image/layout/bg-contentWrapper.png) repeat-x; } /*admin only*/ #adminWrapper { background: #fff; } /* end admin only */ #regularWrapper { padding: 30px 7px } #footerWrapper { background: url(../image/layout/bg-footerWrapper.png) repeat-x; padding-top: 10px; } /*---- Header ----*/ #header { background:url(../image/layout/bg-header-new3.png) no-repeat; width: 866px; position: relative; margin: 0 auto; text-align: right; height: 125px; } #header h1 { display: none; } #header h2 { font-size: 14px; color: #404040; clear: both; height: 35px; padding: 20px 0 0 210px; text-align: left; text-indent: -3000px; } #header ul { list-style: none; } #header ul li { float: left; } #quickNav { text-align: right; } #quickNav ul { background: url(../image/layout/bg-quickNav.png) no-repeat; height: 30px; float: right; } #quickNav ul li { height: 30px; text-align: center; font-size: 11px; padding: 0 16px 0 20px; } #quickNav ul li.account { background: url(../image/layout/bg-quickNav-account.png) no-repeat; } #quickNav ul li a { color: #FFF; font-weight: bold; padding-top: 7px; display: block; } #quickNav ul li a:hover { color: #FFC425; } #quickNav ul li.account a { color: #FFC425; } #quickNav ul li.account a:hover { color: #fff; } #quickNav ul li form#logout { padding-top: 7px; } #quickNav ul li form#logout input.logout { background: none; border: none; color: #ffc425; font-weight: bold; cursor: pointer; } #quickNav ul li form#logout input.logout:hover { color: #fff; } #mainNav { height: 40px; position: absolute; right: 0; z-index: 100; text-align: right; } #mainNav ul { background: url(../image/layout/bg-mainNav-shadow.png) no-repeat; padding-left: 19px; height: 40px; float: right; } #mainNav ul li { font-size: 12px; font-weight: bold; } #mainNav ul li a { background: url(../image/layout/bg-mainNav-new.png) repeat-y left top; height: 25px; padding: 15px 15px 0 15px; display: block; color: #fff; } #mainNav ul li.first a { background-position: right top; } #mainNav ul li a:hover, #mainNav ul li a.active { color: #843300; height: 27px; padding-top: 18px; } #help { background: url(../image/layout/bg-help.png) no-repeat; height: 30px; font-size: 11px; font-weight: bold; position: relative; top: 40px; left: 0; } #help h2 { float: left; color: #fff; font-size: 14px; padding: 6px 0 0 20px; width: 85%; height: 24px; text-align: left; } #help a { background: url(../image/layout/icon-help.png) no-repeat right center; color: #FFC425; margin-right: 10px; padding: 10px 22px; display: block; } #help a:hover { text-decoration: underline; } /*----- Content -----*/ #contentWrapper h2.select { position: relative; top: -25px; color: #FFF; text-align: left; font-size: 13px; width: 825px; margin: 0 auto; padding: 0; } #content { width: 866px; margin: 0 auto; } /* admin only */ #admin { width: 866px; margin: 0 auto; padding: 20px 0; } form#editor { text-align: left; width: 854px; margin: 0 auto; padding-bottom: 10px; } form#editor h2 { background: url(../image/layout/bg-regularContent-title.jpg) no-repeat; height: 29px; padding: 8px 0 0 27px; font-size: 18px; color: #fff; } form#editor textarea.editorWysywig { width: 846px; } form#editor div.submitMod { text-align: right; padding: 5px 0 0 0; } form#editor div.submitMod input { border: none; background: url(../image/layout/button-edit.png) no-repeat; height: 28px; width: 109px; padding: 4px; font-size: 11px; color: #444; font-weight: bold; cursor: pointer; } /* end admin only */ #regularContent { background: #F7CC78 url(../image/layout/bg-regularContent.jpg) no-repeat left bottom; padding-bottom: 30px; text-align: left; } #regularContent h2 { background: url(../image/layout/bg-regularContent-title.jpg) no-repeat; height: 29px; padding: 8px 0 0 27px; font-size: 18px; color: #fff; } #regularContent h2.white { background: url(../image/layout/title-regular-white.png) no-repeat; } #regularContent h3 { background: #FFDBA8; padding: 15px 50px 5px 90px; font-size: 20px; color: #F57F20; } #regularContent h3.low { padding: 40px 50px 15px 90px; } #regularContent h4 { background: #FFDBA8; padding: 3px 50px 3px 90px; font-size: 12px; color: #444; font-weight: normal; } #regularContent h5 { background: #FFDBA8; padding: 3px 50px 3px 90px; margin-top: 15px; font-size: 14px; color: #F57F20; } #regularContent h5.bottomMargin { margin-bottom: 15px; } #regularContent h6 { padding: 3px 50px 3px 90px; margin-top: 15px; font-size: 13px; color: #444; } #regularContent p { padding: 10px 90px 10px 90px; font-size: 12px; line-height: 150%; } #regularContent ul { list-style: none; margin: 10px 90px 10px 100px; font-size: 12px; } #regularContent ol { margin: 0 90px 10px 120px; font-size: 12px; } #regularContent ul li { background: url(../image/layout/bullet-regular-content.png) no-repeat 0 5px; padding-left: 12px; color: #000; } form#quickSearch { float: right; background: url(../image/layout/bg-quickSearch.png) no-repeat left bottom; padding: 7px 10px 8px 15px; width: 261px; text-align: left; } form#quickSearch h3 { color: #FFF; font-size: 13px; } form#quickSearch input.keyword { border: none; background: url(../image/layout/input-text-quickSearch.png) no-repeat; width: 136px; height: 16px; padding: 3px 30px 0 10px; font-size: 11px; } form#quickSearch input.rechercher { position: relative; top: 6px; } form#quickSearch div { padding: 3px 0 0 3px; } form#quickSearch div a { float: right; font-size: 10px; color: #FF9900; margin: 5px 5px 0 0; } form#quickSearch div label { font-size: 10px; color: #FFF; font-weight: bold; position: relative; top: 3px; } form#quickSearch div label input { margin-right: 3px; } /*---------------------- Homepage Specific Styles ----------------------*/ #categorySelector { height: 170px; } #categorySelector ul { list-style: none; text-align: left; margin: 0 1px; padding-top: 5px; } #categorySelector ul li { float: left; } #categorySelector ul li a { width: 130px; height: 160px; margin: 0 7px; display: block; text-indent: -3000px; overflow: hidden; } #categorySelector ul li.categorie1 a { background:url(../image/layout/icons-categories-large.png) no-repeat 0 0; } #categorySelector ul li.categorie1 a:hover { background:url(../image/layout/icons-categories-large.png) no-repeat 0 -230px; } #categorySelector ul li.categorie2 a { background:url(../image/layout/icons-categories-large.png) no-repeat -142px 0; } #categorySelector ul li.categorie2 a:hover { background:url(../image/layout/icons-categories-large.png) no-repeat -142px -230px; } #categorySelector ul li.categorie3 a { background:url(../image/layout/icons-categories-large.png) no-repeat -284px 0; } #categorySelector ul li.categorie3 a:hover { background:url(../image/layout/icons-categories-large.png) no-repeat -284px -230px; } #categorySelector ul li.categorie4 a { background:url(../image/layout/icons-categories-large.png) no-repeat -430px 0; } #categorySelector ul li.categorie4 a:hover { background:url(../image/layout/icons-categories-large.png) no-repeat -430px -230px; } #categorySelector ul li.categorie5 a { background:url(../image/layout/icons-categories-large.png) no-repeat -572px 0; } #categorySelector ul li.categorie5 a:hover { background:url(../image/layout/icons-categories-large.png) no-repeat -572px -230px; } #categorySelector ul li.categorie6 a { background:url(../image/layout/icons-categories-large.png) no-repeat -718px 0; } #categorySelector ul li.categorie6 a:hover { background:url(../image/layout/icons-categories-large.png) no-repeat -718px -230px; } #homeContent { padding: 10px 0 20px 0; text-align: left; } #homeContent h2 { font-size: 18px; color: #F47D23; } #homeContent p { font-size: 11px; color: #444; line-height: 150%; margin: 10px 346px 15px 0; } #homeDash { float: right; width: 286px; margin-left: 30px; position: relative; top: -10px; } #homeDash2 { clear: both; padding-top: 5px; } /* Homepage TOP 5 buttons */ #homeTop5 { float: left; width: 265px; } #homeTop5 ul { list-style: none; position: relative; top: -8px; } #homeTop5 ul li {} #homeTop5 ul li a { width: 265px; height: 72px; display: block; text-indent: -3000px; overflow: hidden; } #homeTop5 ul li.best a { background: url(../image/layout/top5-buttons.png) no-repeat 0 0; } #homeTop5 ul li.best a:hover { background: url(../image/layout/top5-buttons.png) no-repeat -302px 0; } #homeTop5 ul li.popular a { background: url(../image/layout/top5-buttons.png) no-repeat 0 -104px; } #homeTop5 ul li.popular a:hover { background: url(../image/layout/top5-buttons.png) no-repeat -302px -104px; } #homeTop5 ul li.recent a { background: url(../image/layout/top5-buttons.png) no-repeat 0 -208px; } #homeTop5 ul li.recent a:hover { background: url(../image/layout/top5-buttons.png) no-repeat -302px -208px; } /* Homepage Suggestion Box */ #homeSuggestion { margin-left: 295px; background: #FFF4DD url(../image/layout/bg-homeSuggestion.png) no-repeat left bottom; padding-bottom: 10px; min-height: 200px; } #homeSuggestion h2 { background: url(../image/layout/bg-h3-homeSuggestion.png) no-repeat; height: 27px; padding: 10px 0 0 27px; font-size: 14px; color: #fff; } #homeSuggestion h3 { padding: 17px 20px 5px 0; font-size: 13px; color: #F37522; margin-left: 158px; position: relative; left: -10px;} #homeSuggestion h5 { font-size: 11px; color: #F37522; margin-left: 148px; padding-bottom: 5px; } #homeSuggestion h5 span { color: #333; } #homeSuggestion .photo { float: left; width: 100px; margin: 5px 10px; position: relative; padding: 10px 12px; } #homeSuggestion .photo span { width: 124px; height: 120px; position: absolute; top: 1px; left:0; background: url(../image/layout/mask-expert-pic-home.png) no-repeat; } #homeSuggestion p { margin: 0 20px 0 148px; font-size: 11px; } #homeSuggestion ul { list-style: none; margin-left: 148px; padding: 5px 0 0 0; height: 22px; } #homeSuggestion ul li { float: left; border: 1px solid #A6A8AB; font-size: 10px; font-weight: bold; background: #E9E8E8; margin-right: 3px; } #homeSuggestion ul li a { padding: 4px 8px 4px 24px; display: block; color: #EE7428; } #homeSuggestion ul li a.details { background: url(../image/layout/icone-voir-fiche.png) no-repeat 4px 2px; } #homeSuggestion ul li a.suggestions { background: url(../image/layout/icone-suggestion-expert.png) no-repeat 4px 2px; } #homeSuggestion ul li a:hover { text-decoration: underline; color: #444; } form#login { margin-top: 15px; padding: 7px 8px 5px 15px; background: url(../image/layout/bg-homeDash.png) no-repeat; } form#login h3 { color: #FFF; font-size: 13px; padding-bottom: 4px; } form#login p { color: #fff; font-size: 11px; text-align: center; padding-top: 5px; margin: 0; clear: both; } form#login a { color: #fff; } form#login a:hover { text-decoration: underline; } form#login div { padding-bottom: 2px; } form#login div label { float: left; text-align: right; padding: 4px 5px 0 0; width: 120px; font-size: 10px; font-weight: bold; color: #444; } form#login div input.loginText { font-size: 11px; border: none; background: url(../image/layout/input-text-login.png) no-repeat; width: 109px; height: 16px; padding: 3px 8px 0 8px; margin-bottom: 1px; } form#login div.loginSubmit { text-align: right; padding-right: 12px; } form#login div.loginSubmit input.loginButton { border: none; background: url(../image/layout/button-login.png) no-repeat; height: 25px; width: 107px; padding: 3px; font-size: 11px; color: #444; font-weight: bold; cursor: pointer; } form#login div.loginSubmit div { float: left; text-align: left; width: 50%; font-size: 9px; color: #fff; } form#login div.loginSubmit div input { margin-right: 5px; margin-top: 7px; } /*-------------------------- Results Page Specific Styles --------------------------*/ #categoryDescription form { width: 330px; display: block; float: right; margin-top: 30px; background: url(../image/layout/bg-categorySelector.png) no-repeat; padding: 12px 5px; height: 98px; } #categoryDescription form h3 { font-size: 14px; color: #F9A126; padding-top: 10px; clear: both; margin-left: -5px; } #categoryDescription form h4 { font-size: 12px; color: #867C6C; text-align: left; padding: 0 0 5px 5px; } #categoryDescription ul {list-style: none; margin: 0; padding:0; } #categoryDescription ul li { float: left; margin-right: 5px; } #categoryDescription ul li a { width: 60px; height: 55px; display: block; text-indent: -3000px; overflow: hidden; } #categoryDescription ul li.categorie1 a { background:url(../image/layout/icons-categories-small.png) no-repeat 0 0; } #categoryDescription ul li.categorie1 a:hover { background:url(../image/layout/icons-categories-small.png) no-repeat 0 -107px; } #categoryDescription ul li.categorie2 a { background:url(../image/layout/icons-categories-small.png) no-repeat -65px 0; } #categoryDescription ul li.categorie2 a:hover { background:url(../image/layout/icons-categories-small.png) no-repeat -65px -107px; } #categoryDescription ul li.categorie3 a { background:url(../image/layout/icons-categories-small.png) no-repeat -131px 0; } #categoryDescription ul li.categorie3 a:hover { background:url(../image/layout/icons-categories-small.png) no-repeat -131px -107px; } #categoryDescription ul li.categorie4 a { background:url(../image/layout/icons-categories-small.png) no-repeat -198px 0; } #categoryDescription ul li.categorie4 a:hover { background:url(../image/layout/icons-categories-small.png) no-repeat -198px -107px; } #categoryDescription ul li.categorie5 a { background:url(../image/layout/icons-categories-small.png) no-repeat -263px 0; } #categoryDescription ul li.categorie5 a:hover { background:url(../image/layout/icons-categories-small.png) no-repeat -263px -107px; } #categoryDescription ul li.categorie6 a { background:url(../image/layout/icons-categories-small.png) no-repeat -330px 0; } #categoryDescription ul li.categorie6 a:hover { background:url(../image/layout/icons-categories-small.png) no-repeat -330px -107px; } #categoryDescription div { margin-right: 350px; height: 145px; padding: 25px 0 0 140px; text-align: left; position: relative; } #categoryDescription div a { position: absolute; top:20px; left:0; height: 125px; width: 125px; display: block; } #categoryDescription div h2 { font-size: 18px; color: #333; } #categoryDescription div p { font-size: 11px; margin-top: 5px; line-height: 140%; } #categoryDescription div.direction { background: url(../image/icones/direction-generale.png) no-repeat left center; } #categoryDescription div.ressources { background: url(../image/icones/ressources-humaines.png) no-repeat left center; } #categoryDescription div.marketing { background: url(../image/icones/marketing-et-communication.png) no-repeat left center; } #categoryDescription div.finance { background: url(../image/icones/finance-comptabilite.png) no-repeat left center; } #categoryDescription div.operations { background: url(../image/icones/operations.png) no-repeat left center; } #categoryDescription div.ethique { background: url(../image/icones/ethique-responsabilite.png) no-repeat left center; } #advanceSearch { margin-right: 296px; text-align: left; } #advanceSearch h5 { font-size: 11px; font-weight: normal; margin: 3px 0 0 35px; } #advanceSearch div { background: url(../image/layout/checkboxes-body.png) no-repeat left bottom; margin: 10px; padding: 0 0 15px 0; } #advanceSearch div h3 { background: #fff url(../image/layout/checkboxes-top.png) no-repeat left bottom; padding: 0 0 9px 25px; font-size: 12px; color: #F26522; position: relative; } /* admin only */ #advanceSearch div div.adminDomain { background: none; padding-bottom: 2px; border: 2px solid #fff; padding: 1px; } #advanceSearch div div.adminDomain input, #advanceSearch div div.adminDomain textarea, #advanceSearch div div.adminDomain select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; position: relative; top: 0;} #advanceSearch div div.adminDomain select { width: 160px; } #advanceSearch div div.adminDomain input#radio { float: left; margin-top: 15px; } #advanceSearch div div.adminDomain table { font-size: 10px; width: 94%; margin: 0 auto; } #advanceSearch div div.adminDomain table td { vertical-align: top; } #advanceSearch div div.adminDomain table td.delete { text-align: right; } #advanceSearch div div.adminDomain table td.delete img { position: relative; top: 3px; } #advanceSearch div div.submitDomain { background: none; padding-bottom: 0; padding-right: 20px; text-align: right; } #advanceSearch div div.submitDomain input { border: none; background: url(../image/layout/button-edit.png) no-repeat; height: 28px; width: 109px; padding: 4px; font-size: 11px; color: #444; font-weight: bold; cursor: pointer; } /* end admin only */ #advanceSearch ul { list-style: none; margin: 0 0 0 15px; width: 522px; } #advanceSearch ul li { width: 49%; margin: 4px 1px; float: left; font-size: 9px;} #advanceSearch ul li label { cursor: pointer; z-index: 0; } #advanceSearch ul li span.tooltip { position: relative; left: 3px; } #advanceSearch ul li span.tooltip a { background: url(../image/layout/tooltip-link.png) no-repeat; padding: 0 0 3px 15px; position: absolute; top: 0; left: 0; color: #EE7428; z-index: 0;} #advanceSearch ul li span.tooltip { float: right; position: relative; left: -20px; } #advanceSearch ul li span.tooltip a { background: url(../image/layout/tooltip-link.png) no-repeat; padding: 0 0 4px 15px; position: absolute; top: -1px; left: 0; color: #EE7428; z-index: 0; } #advanceSearch ul li span.tooltip a span { display: none; } #advanceSearch ul li span.tooltip a:hover { width: 220px; position: absolute; z-index: 2000; } #advanceSearch ul li span.tooltip a:hover span { display: block; width: 175px; position: relative; top: -21px; z-index: 3000; } #advanceSearch ul li span.tooltip a:hover span.tooltipContent { background: url(../image/layout/bg-tooltip.png) no-repeat; padding: 10px 10px 0 15px; } #advanceSearch ul li span.tooltip a:hover span.tooltipBottom { background: url(../image/layout/bg-tooltip-bottom.png) no-repeat left bottom; width: 200px; } #advanceSearch ul li input { float: left; margin-right: 2px; } #advanceSearch div div.clear { clear: both; font-size: 0; padding: 0; margin: 0; background: none; } #resultsContainer { clear: both; text-align: left; padding-top: 20px; } #resultsContainer.details { padding-top: 5px; } /* heading + filters */ #resultsContainer div#headerResults { background: url(../image/layout/bg-h4-results.png) no-repeat; margin: 10px 0 1px 12px; padding-bottom: 5px; } #resultsContainer div#headerResults form p { float: left; font-size: 10px; color: #FFF; text-align: right; width: 150px; padding: 8px 4px 0 0; } #resultsContainer div#headerResults form select { font-size: 9px; } #resultsContainer div#headerResults form input.go { position: relative; top: 5px; } #resultsContainer div#headerResults h4 { background: url(../image/layout/bg-h4-results-arrow.png) no-repeat 22px 8px; padding: 5px 0 2px 36px; color: #FFF; font-size: 13px; } #resultsContainer div#headerResults h4 strong { color: #FAA726; font-size: 11px; } /* results display */ #resultsContainer div.result { background: url(../image/layout/bg-results.png) no-repeat left bottom; padding: 0 0 10px 12px; } #resultsContainer div.result div.top { background: url(../image/layout/bg-results-top.png) no-repeat; padding: 11px 1px 1px 1px;} #resultsContainer div.result div.top table { width: 100%; border: none; } #resultsContainer div.result div.top table td { padding: 3px; } #resultsContainer div.result div.top table td.pic { background: url(../image/layout/dash-line-vertical.png) repeat-y right top; width: 100px; } #resultsContainer div.result div.top table td.desc, #resultsContainer div.result div.top table td.developper { background: url(../image/layout/dash-line-horizontal.png) repeat-x left bottom; } #resultsContainer div.result div.top table td.resultStats { text-align: right; background: url(../image/layout/dash-line-vertical.png) repeat-y; white-space: nowrap; width: 160px; } #resultsContainer div.result div.top table td.resultDash { } #resultsContainer div.result div.top table td.resultDash ul { list-style: none; } #resultsContainer div.result div.top table td.resultDash ul li { float: left; border: 1px solid #A6A8AB; background: #E9E8E8; margin: 0 3px; text-align: left; font-size: 10px; } /* Firefox + Safari only */ #resultsContainer div.result div.top table td.resultDash ul li { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* end */ #resultsContainer div.result div.top table td.resultDash ul li a { padding: 5px 10px 5px 24px; display: block; color: #EE7428; font-weight: bold; white-space: nowrap; } #resultsContainer div.result div.top table td.resultDash ul li a.details { background: url(../image/layout/icone-voir-fiche.png) no-repeat 4px 2px; } #resultsContainer div.result div.top table td.resultDash ul li a.consult { background: url(../image/layout/icone-consulter.png) no-repeat 4px 2px; } #resultsContainer div.result div.top table td.resultDash ul li a.addTool { background: url(../image/layout/icone-ajout-coffre.png) no-repeat 4px 2px; } #resultsContainer div.result div.top table td.resultDash ul li a.removeTool { background: url(../image/layout/icone-supprimer-coffre.png) no-repeat 4px 2px; } #resultsContainer div.result div.top table td.resultDash ul li a:hover { text-decoration: underline; color: #444; } #resultsContainer div.result div.top p { margin: 0; padding: 5px; font-size: 12px; } #resultsContainer div.result div.top h4 { font-size: 10px; color: #EE7428; } #resultsContainer div.result div.top h4 strong { color: #000; } #resultsContainer div.result div.top h4.warning { font-size: 14px; color: #FF0000; } #resultsContainer div.result div.top h5 { font-size: 10px; font-weight: normal; padding: 2px 0; } #resultsContainer div.result div.top h5 strong { color: #EE7428; font-size:10px; } #resultsContainer div.result div.top h5 span.cote { font-size: 12px; font-weight: bold; } /* pages navigation */ #pagination { padding-bottom: 10px; text-align: right; } #pagination span.pageTop { float: left; font-size: 10px; margin-left: 15px; background: url(../image/layout/top.png) no-repeat 0 2px; padding-left: 10px; } #pagination p { font-size: 11px; } #pagination p strong { color: #FAA726; } #pagination a { color: #000; } #pagination a:hover { text-decoration: underline; color: #FAA726; } #pagination a img { border: none; } /*-------------------- Detailed Page specific --------------------*/ #toolDescription { text-align: left; height: 170px; } #toolDescription h2 { font-size: 16px; color: #333; padding: 15px 0 5px 0; } #toolDescription h2 span { float: right; font-size: 12px; } #descWrapper { background: url(../image/layout/dash-line-vertical.png) repeat-y 475px 0; } #desc {float: left; width: 470px; } #desc h5 { font-size: 12px; color: #EE7428; } #desc p { font-size: 11px; line-height: 140%; } #desc p img { float: left; border: 1px solid #ccc; margin: 5px 10px 0 0; } #developper { margin-left: 470px; padding-left: 20px; } #developper h4 { font-size: 12px; color: #000; } #developper h5 { font-size: 12px; color: #EE7428; } #developper ul { list-style: none; font-size: 10px; } #developper ul li { background: url(../image/layout/bullet-result.png) no-repeat 0 4px; padding-left: 8px; line-height: 13px; margin-left: 2px;} #toolSpecs { clear: both; padding-top: 10px; background: #FFFAF0; } #toolSpecs ul { float: left; list-style: none; font-size: 10px; font-weight: bold; background: url(../image/layout/bg-mainNav.png) repeat-x; height: 25px; padding: 6px 0 4px 0; } /* Firefox + Safari only */ #toolSpecs ul { -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* end */ #toolSpecs ul li { float: left; border-right: 1px solid #EE7428; padding: 0 18px; color:#FFF; } #toolSpecs ul li.cost { border-right: none; padding-top: 6px; } #toolSpecs ul li strong { color: #41351E; } #toolSpecs ul li.cost span.fees { background: url(../image/layout/icone-dollar-fiche.png) no-repeat; padding: 1px 0 4px 15px; display: block; } #toolDash { clear: both; padding: 0; background: url(../image/layout/dash-line-horizontal.png) repeat-x left bottom; margin-bottom: 20px; } #toolDash ul#options { list-style: none; padding: 10px 0 10px 10px; height: 38px; background: url(../image/layout/dash-line-vertical.png) repeat-y; } #toolDash ul#options li { float: left; border: 1px solid #A6A8AB; background: #E9E8E8; margin-right: 6px; text-align: left; font-size: 10px; } #toolDash ul#options li a { padding: 10px 10px 10px 24px; display: block; color: #EE7428; font-weight: bold; } /* Firefox + Safari only */ #toolDash ul#options li { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* end */ #toolDash ul#options li a.details { background: url(../image/layout/icone-voir-fiche.png) no-repeat 4px 6px; } #toolDash ul#options li a.consult { background: url(../image/layout/icone-consulter.png) no-repeat 4px 6px; } #toolDash ul#options li a.addTool { background: url(../image/layout/icone-ajout-coffre.png) no-repeat 4px 6px; } #toolDash ul#options li a.removeTool { background: url(../image/layout/icone-supprimer-coffre.png) no-repeat 4px 6px; } #toolDash ul#options li a.share { background: url(../image/layout/icone-partager.png) no-repeat 4px 6px; } #toolDash ul#options li a.rateTool { background: url(../image/layout/icone-evaluer.png) no-repeat 4px 6px; } #toolDash ul#options li a:hover { text-decoration: underline; color: #444; } /* Send to a friend */ #toolDash ul#options li.share div { position: relative; } #toolDash ul#options li.share div form { position: absolute; z-index:1000; left: 0; top: -2px; background: url(../image/layout/bg-bubble-form-small-top.png) no-repeat; padding-top: 10px; width: 200px; } #toolDash ul#options li.share div form fieldset { background: url(../image/layout/bg-bubble-form-small.png) no-repeat left bottom; border: none; padding: 10px 10px 0 15px; } #toolDash ul#options li.share div form label { padding-bottom: 4px; font-size: 10px; font-weight: bold; color:#EE7428; display: block; } #toolDash ul#options li.share div form input.textinput { width: 159px; height: 15px; padding: 4px 8px 2px 8px; border: none; background: url(../image/layout/input-bubble.png) no-repeat center top; } #toolDash ul#options li.share div form div { padding: 4px 0; margin: 0 -10px 0 -15px; text-align: right; } #toolDash ul#options li.share div form div input { margin-right: 13px; } /* end Send to a friend */ /* Review tool */ #toolDash ul#options li.review div { position: relative; } #toolDash ul#options li.review div form { position: absolute; z-index:1000; left: 0; top: -2px; background: url(../image/layout/bg-bubble-form-large-top.png) no-repeat; padding-top: 10px; width: 300px; } #toolDash ul#options li.review div form fieldset { background: url(../image/layout/bg-bubble-form-large.png) no-repeat left bottom; border: none; padding: 0 15px 0 15px; } #toolDash ul#options li.review div form fieldset ul#star { height: 20px; width: 100px; position: relative; float: left; } #toolDash ul#options li.review div form fieldset ul#star li { list-style:none; background: none; border: none; margin: 0; } #toolDash ul#options li.review div form fieldset ul#star li div { background:url(../image/layout/star.gif) no-repeat; height:20px; width:20px; cursor:pointer;} #toolDash ul#options li.review div form div.ratingStars h5 { font-size: 10px; margin-left: 110px; padding: 5px 0; } #toolDash ul#options li.review div form div.ratingStars img { float: left; list-style: none; width: 100px; height: 20px; } #toolDash ul#options li.review div form label { padding: 4px 0; font-size: 10px; font-weight: bold; color:#EE7428; display: block; clear: both; } #toolDash ul#options li.review div form label span { font-size:9px; font-weight: normal; color:#333; } /* ul#star li { } ul#star li div { background:url(../image/layout/star.gif) no-repeat; height:18px; width:18px; cursor:pointer; } */ #toolDash ul#options li.review div form input.textinput { width: 254px; padding: 3px 8px 3px 8px; background: url(../image/layout/input-bubble-large.png) no-repeat; border: none; } #toolDash ul#options li.review div form textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 8px 3px 8px; width: 254px; height: 74px; background: url(../image/layout/textarea-bubble-large.png) no-repeat; border: none; } #toolDash ul#options li.review div form div.submitReview { padding: 4px 0; text-align: right; } #toolDash ul#options li.review div p { position: absolute; z-index:1000; left: 0; top: -2px; background: url(../image/layout/bg-bubble-form-large-top.png) no-repeat; padding-top: 10px; width: 300px; line-height: 140%; } #toolDash ul#options li.review div p span { background: url(../image/layout/bg-bubble-form-large.png) no-repeat left bottom; padding: 15px; display: block; } #toolDash ul#options li.review div p a { padding: 0; display: inline; color: #EE7428; font-weight: bold; } /* end Review tool */ #toolDash ul#options span.close { width: 14px; height: 14px; position: absolute; z-index: 1001; left:180px; top: 8px; } #toolDash ul#options li.review div span.close { left: 280px; } #toolDash ul#options span.close a { width: 14px; height:14px; display: block; text-indent: -3000px; background: url(../image/layout/close-bubble.png) no-repeat; overflow: hidden; } #toolStats { float: right; text-align: right; background: url(../image/layout/dash-line-vertical.png) repeat-y; height: 58px; padding-left: 68px; position: relative; } #toolStats span.icone { width: 58px; height: 46px; display: block; position: absolute; top: 10px; left: 5px; background: url(../image/layout/pie-chart.png) no-repeat center center; text-indent: -3000px; overflow: hidden; text-align: left; } #toolStats table { font-size: 10px; background: url(../image/layout/dash-line-vertical.png) repeat-y right; padding-right: 1px; } #toolStats table td { padding: 1px 4px 1px 2px;} #toolStats table td.date, #toolStats table td.rating { background: #efefef; } #toolStats table td.rating { height: 27px; } #toolStats table td strong { color: #EE7428; } #toolStats table td span.rate { font-size: 12px; font-weight: bold; } #developpedFor { float: left; width: 245px; margin-left: 20px; text-align: left; } #developpedFor h4 { font-size: 12px; color: #000; padding: 5px 0; background: url(../image/layout/dash-line-horizontal.png) repeat-x left bottom; } #developpedFor h5 { font-size: 12px; color: #EE7428; } #developpedFor h6 {font-size: 11px; color: #EE7428; padding-top: 5px;} #developpedFor ul { list-style: none; font-size: 10px; padding: 3px 0 5px 0; background: url(../image/layout/dash-line-horizontal.png) repeat-x left bottom; } #developpedFor ul li { background: url(../image/layout/bullet-result.png) no-repeat 0 4px; padding-left: 8px; line-height: 13px; margin-left: 2px;} #toolCategories { margin-left: 295px; background: #FFF4DD url(../image/layout/bg-homeSuggestion.png) no-repeat left bottom; padding-bottom: 25px; text-align: left; } #toolCategories h2 { background: url(../image/layout/bg-h3-homeSuggestion.png) no-repeat; height: 27px; padding: 10px 0 0 27px; font-size: 14px; color: #fff; } #toolCategories h3 { padding: 20px 20px 5px 30px; font-size: 13px; color: #F37522; } #toolCategories h3 img { float: right; } #toolCategories ul { list-style: none; font-size: 11px; padding-left: 40px; min-height: 20px; } #toolCategories ul li { background: url(../image/layout/bullet-result.png) no-repeat 0 4px; padding-left: 8px; line-height: 13px; margin-left: 2px; } #comments { clear: both; text-align: left; padding-top: 15px; } #comments div#commentsResults { background: url(../image/layout/bg-h4-results.png) no-repeat; margin: 10px 0 1px 12px; padding-bottom: 5px; } #comments div#commentsResults h4 { background: url(../image/layout/bg-h4-results-arrow.png) no-repeat 22px 8px; padding: 5px 0 2px 36px; color: #FFF; font-size: 13px; } #comments div.comment { background: url(../image/layout/bg-results.png) no-repeat left bottom; padding: 0 0 10px 12px; } #comments div.comment h3 { background: url(../image/layout/bg-results-title.png) no-repeat; padding: 2px 5px; font-size: 14px; color: #fff; } #comments div.comment table { text-align: center; margin: 2px; } #comments div.comment table td.commentRating { width: 150px; } /* Rating display */ #comments div.comment table td.commentRating span { width: 100px; height: 20px; display: block; margin: 0 auto; text-indent: -3000px; overflow: hidden; } #comments div.comment table td.commentRating span.rating1 { background: url(../image/layout/ratings.png) no-repeat; } #comments div.comment table td.commentRating span.rating2 { background: url(../image/layout/ratings.png) no-repeat 0 -25px; } #comments div.comment table td.commentRating span.rating3 { background: url(../image/layout/ratings.png) no-repeat 0 -51px; } #comments div.comment table td.commentRating span.rating4 { background: url(../image/layout/ratings.png) no-repeat 0 -76px; } #comments div.comment table td.commentRating span.rating5 { background: url(../image/layout/ratings.png) no-repeat 0 -102px; } /* end rating display*/ #comments div.comment table td.commentAuthor { width: 250px; background: url(../image/layout/dash-line-vertical.png) repeat-y; } #comments div.comment table td.commentAuthor h4 { font-size: 12px; } #comments div.comment table td.commentAuthor h4 strong { color: #EE7428; } #comments div.comment table td.commentAuthor h5 { font-size: 10px; } #comments div.comment table td.commentText { background: url(../image/layout/dash-line-vertical.png) repeat-y; text-align: left; } #comments div.comment table td.commentText p { font-size: 11px; line-height: 140%; padding: 5px; } #comments div.noComment { background: url(../image/layout/bg-results.png) no-repeat left bottom; padding: 0 0 10px 12px; } #comments div.noComment h3 { background: url(../image/layout/bg-results-top.png) no-repeat; padding: 22px 5px 5px 5px; font-size: 12px; color: #ff0000; } #comments div.noComment p { font-size: 11px; padding: 0 5px 25px 5px; } #comments div.noComment p a { padding: 10px 10px 10px 24px; font-weight: bold; color: #EE7428; font-weight: bold; background: #E9E8E8 url(../image/layout/icone-evaluer.png) no-repeat 4px 6px; border: 1px solid #A6A8AB; position: relative; font-size: 10px; } /* Firefox + Safari only */ #comments div.noComment p a { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* end */ #comments div.noComment p a:hover { text-decoration: underline; color: #444; } /*------------------- Tool editing specific -------------------*/ form#editTool { text-align: left; padding-top: 15px; position: relative; } form#editTool h2 { font-size: 13px; color: #EE7428; padding-bottom: 5px; background: url(../image/layout/dash-line-horizontal.png) repeat-x left bottom; } form#editTool h2 strong { color: #333; } form#editTool h2.suggestion { margin-top: -10px; padding-left: 5px;} form#editTool label { font-size: 10px; font-weight: bold; display: block; } form#editTool label.floating { float: left; width: 120px; text-align: right; padding: 4px 5px 0 0; } form#editTool label.floating2 { float: left; padding: 4px 5px 0 20px; } form#editTool label.floating3 { float: left; padding: 4px 5px 0 0; } form#editTool table.zone1 { width: 100%; background: url(../image/layout/dash-line-vertical.png) repeat-y; } form#editTool table.zone1 td { width: 423px; padding: 0 5px 6px 5px; background: url(../image/layout/dash-line-vertical.png) repeat-y right top; } form#editTool table.zone1 td.left {} form#editTool table.zone1 td.left textarea { width: 250px; height: 45px; float: none; } form#editTool table.zone1 td div { padding-top: 4px; display: block; } form#editTool table.zone1 td input { width: 250px;} form#editTool table.zone1 td select { width: 255px; font-size:11px; } form#editTool div#editSpecs { background: url(../image/layout/dash-line-horizontal.png) repeat-x; } form#editTool table.zone2 { background: url(../image/layout/dash-line-vertical.png) repeat-y right top; width: 100%; } form#editTool table.zone2 td { background: url(../image/layout/dash-line-vertical.png) repeat-y; padding: 10px 5px; } form#editTool table.zone2 td ul.typeList { border: 1px solid #A5ACB2; list-style: none; width: 250px; height: 57px; overflow: auto; } form#editTool table.zone2 td ul.typeList li label { width: 229px; cursor: pointer; padding: 2px !important; padding: 0; } form#editTool table.zone2 td ul.typeList li label:hover { background: #ccc; } form#editTool table.zone2 td ul.typeList li label input { margin-right: 2px; } form#editTool table.zone2 td ul.langList { border: 1px solid #A5ACB2; list-style: none; width: 90px; height: 57px !important; height: 60px; overflow: auto; margin-right: 10px; } form#editTool table.zone2 td ul.langList li label { width: 86px; cursor: pointer; padding: 2px !important; padding: 0; } form#editTool table.zone2 td ul.langList li label:hover { background: #ccc; } form#editTool table.zone2 td ul.langList li label input { margin-right: 2px; } form#editTool table.zone2 td.options div { padding-top: 5px; } form#editTool table.zone2 td select { font-size: 9px; } form#editTool div#editDomains { background: url(../image/layout/dash-line-horizontal.png) repeat-x; } form#editTool table.zone3 { background: url(../image/layout/dash-line-vertical.png) repeat-y right top; width: 100%; } form#editTool table.zone3 td { background: url(../image/layout/dash-line-vertical.png) repeat-y; padding: 10px 5px; } form#editTool table.zone3 td.targets { padding-left: 20px; vertical-align: text-top; } form#editTool table.zone3 td.domains { padding-left: 30px; } form#editTool table.zone3 td.experts { padding: 10px 0 10px 0;} form#editTool table.zone3 td.experts div {background: url(../image/layout/dash-line-horizontal.png) repeat-x; padding: 10px 0 0 20px; } form#editTool table.zone3 td div { padding-top: 4px; display: block; } form#editTool table.zone3 td select { width: 252px; font-size:11px; } form#editTool table.zone3 td ul.sectorList { border: 1px solid #A5ACB2; list-style: none; width: 250px; overflow: auto; } form#editTool table.zone3 td ul.sectorList li label { width: 246px; cursor: pointer; padding: 2px !important; padding: 0; } form#editTool table.zone3 td ul.sectorList li label:hover { background: #ccc; } form#editTool table.zone3 td ul.sectorList li label input { margin-right: 2px; } form#editTool table.zone3 td ul.expertList { border: 1px solid #A5ACB2; list-style: none; width: 250px; height: 96px; overflow: auto; } form#editTool table.zone3 td ul.expertList li label { width: 229px; cursor: pointer; padding: 2px !important; padding: 0; } form#editTool table.zone3 td ul.expertList li label:hover { background: #ccc; } form#editTool table.zone3 td ul.expertList li label input { margin-right: 2px; } form#editTool table.zone3 td ul.domainList { border: 1px solid #A5ACB2; list-style: none; width: 510px; height: 458px; overflow: auto; margin-top: 4px; } form#editTool table.zone3 td ul.domainList li label { width: 489px; cursor: pointer; padding: 2px !important; padding: 0; font-weight: normal; } form#editTool table.zone3 td ul.domainList li label:hover { background: #ccc; } form#editTool table.zone3 td ul.domainList li label input { margin-right: 2px; } form#editTool div#editDash { background: url(../image/layout/dash-line-horizontal.png) repeat-x; padding-top: 5px; height: 30px; } form#editTool div#editDash ul { list-style: none; padding: 5px 0 0 0; height: 28px; float: right; } form#editTool div#editDash ul li { float: left; margin-left: 3px; } form#editTool div#editDash ul li input { border: 1px solid #A6A8AB; /*width: 130px;*/ padding: 3px 4px 3px 24px; display: block; color: #A6A8AB; font-weight: bold; text-align: left; cursor: pointer; } form#editTool div#editDash ul li input.addTool { background: #E9E8E8 url(../image/layout/icone-ajout-coffre.png) no-repeat 4px 2px; } form#editTool div#editDash ul li input.editTool { background: #E9E8E8 url(../image/layout/icone-editer.png) no-repeat 4px 2px; } form#editTool div#editDash ul li input.delete { background: #E9E8E8 url(../image/layout/icone-effacer.png) no-repeat 4px 2px; } form#editTool div#editDash ul li input:hover { text-decoration: underline; } /* Suggested Tools */ form.suggestedTool { text-align: left; } form.suggestedTool h2 { font-size: 13px; color: #EE7428; padding: 5px; background: url(../image/layout/dash-line-horizontal.png) repeat-x left bottom; } form.suggestedTool h2 strong { color: #333; } form.suggestedTool label { font-size: 10px; font-weight: bold; display: block; } form.suggestedTool label.floating { float: left; width: 120px; text-align: right; padding: 4px 5px 0 0; } form.suggestedTool label.floating2 { float: left; padding: 4px 5px 0 20px; } form.suggestedTool label.floating3 { float: left; padding: 4px 5px 0 0; } form.suggestedTool table.zone1 { width: 100%; } form.suggestedTool table.zone1 td { width: 415px; padding: 0 5px 6px 5px; } form.suggestedTool table.zone1 td.left { background: url(../image/layout/dash-line-vertical.png) repeat-y 410px 0;} form.suggestedTool table.zone1 td.left textarea, form.suggestedTool table.zone1 td.left textarea#desc { width: 250px; height: 45px; float: none; } form.suggestedTool table.zone1 td div { padding-top: 4px; display: block; } form.suggestedTool table.zone1 td input { width: 250px;} form.suggestedTool table.zone1 td select { width: 255px; font-size:11px; } form.suggestedTool div.editSpecs { background: url(../image/layout/dash-line-horizontal.png) repeat-x; } form.suggestedTool table.zone2 { width: 100%; } form.suggestedTool table.zone2 td { padding: 10px 5px; } form.suggestedTool table.zone2 td ul.typeList { border: 1px solid #A5ACB2; list-style: none; width: 250px; height: 57px; overflow: auto; } form.suggestedTool table.zone2 td ul.typeList li label { width: 229px; cursor: pointer; padding: 2px !important; padding: 0; } form.suggestedTool table.zone2 td ul.typeList li label:hover { background: #ccc; } form.suggestedTool table.zone2 td ul.typeList li label input { margin-right: 2px; } form.suggestedTool table.zone2 td ul.langList { border: 1px solid #A5ACB2; list-style: none; width: 90px; height: 57px !important; height: 60px; overflow: auto; margin-right: 10px; } form.suggestedTool table.zone2 td ul.langList li label { width: 86px; cursor: pointer; padding: 2px !important; padding: 0; } form.suggestedTool table.zone2 td ul.langList li label:hover { background: #ccc; } form.suggestedTool table.zone2 td ul.langList li label input { margin-right: 2px; } form.suggestedTool table.zone2 td.type { background: url(../image/layout/dash-line-vertical.png) repeat-y right top; } form.suggestedTool table.zone2 td.options { background: url(../image/layout/dash-line-vertical.png) repeat-y; } form.suggestedTool table.zone2 td.options div { padding-top: 5px; } form.suggestedTool table.zone2 td select { font-size: 9px; } form.suggestedTool div.editDomains { background: url(../image/layout/dash-line-horizontal.png) repeat-x; } form.suggestedTool table.zone3 { width: 100%; } form.suggestedTool table.zone3 td { padding: 10px 5px; } form.suggestedTool table.zone3 td.targets { padding-left: 20px; vertical-align: text-top; } form.suggestedTool table.zone3 td.domains { background: url(../image/layout/dash-line-vertical.png) repeat-y; } form.suggestedTool table.zone3 td div { padding-top: 4px; display: block; } form.suggestedTool table.zone3 td select { width: 252px; font-size:11px; } form.suggestedTool table.zone3 td ul.sectorList { border: 1px solid #A5ACB2; list-style: none; width: 250px; overflow: auto; } form.suggestedTool table.zone3 td ul.sectorList li label { width: 246px; cursor: pointer; padding: 2px !important; padding: 0; } form.suggestedTool table.zone3 td ul.sectorList li label:hover { background: #ccc; } form.suggestedTool table.zone3 td ul.sectorList li label input { margin-right: 2px; } form.suggestedTool table.zone3 td ul.domainList { border: 1px solid #A5ACB2; list-style: none; width: 510px; height: 330px; overflow: auto; margin-top: 4px; } form.suggestedTool table.zone3 td ul.domainList li label { width: 489px; cursor: pointer; padding: 2px !important; padding: 0; font-weight: normal; } form.suggestedTool table.zone3 td ul.domainList li label:hover { background: #ccc; } form.suggestedTool table.zone3 td ul.domainList li label input { margin-right: 2px; } form.suggestedTool div.editDash { background: url(../image/layout/dash-line-horizontal.png) repeat-x; padding: 5px; height: 30px; } form.suggestedTool div.editDash ul { list-style: none; padding: 5px 0 0 0; height: 28px; float: right; } form.suggestedTool div.editDash ul li { float: left; margin-left: 3px; } form.suggestedTool div.editDash ul li input { border: 1px solid #A6A8AB; /*width: 130px;*/ padding: 3px 4px 3px 24px; display: block; color: #A6A8AB; font-weight: bold; text-align: left; cursor: pointer; } form.suggestedTool div.editDash ul li input.addTool { background: #E9E8E8 url(../image/layout/icone-ajout-coffre.png) no-repeat 4px 2px; } form.suggestedTool div.editDash ul li input.editTool { background: #E9E8E8 url(../image/layout/icone-editer.png) no-repeat 4px 2px; } form.suggestedTool div.editDash ul li input.delete { background: #E9E8E8 url(../image/layout/icone-effacer.png) no-repeat 4px 2px; } form.suggestedTool div.editDash ul li input:hover { text-decoration: underline; } /*-------------------------- Experts management specific --------------------------*/ #editExpert { position: relative; } #editExpert form { position: absolute; right: 20px; top: -28px;} #editExpert form label { font-size: 10px; font-weight: bold; color: #FECA73; } #editExpert form select { font-size: 11px; } .expertPic { position: relative; } .expertPic img { position: absolute; right: 20px; top:-345px; border: 1px solid #F26C23; padding: 1px; } /*-------------------------- Experts suggestions specific --------------------------*/ #expertBio { padding-top: 15px; text-align: left; } #expertBio h2 { font-size: 18px; color: #333; padding-top: 10px; } #expertBio h3 { font-size: 13px; color: #F37522; } #expertBio p { font-size: 11px; margin-top: 5px; line-height: 140%; } #expertBio .photo { float: left; width: 100px; height: 130px; margin-right: 10px; position: relative; padding: 10px 12px; } #expertBio .photo span { width: 124px; height: 120px; position: absolute; top: 1px; left:0; background: url(../image/layout/mask-expert-pic.png) no-repeat; } form#expertSelector { float: right; width: 200px; height: 36px; background: url(../image/layout/bg-expertSelector.png) no-repeat; padding: 4px 20px; } form#expertSelector h4 { font-size: 12px; color: #867C6C; padding-bottom: 2px; } form#expertSelector select { width: 200px; font-size: 10px; } #homeSuggestion form#expertSelector { background: none; width: auto; padding-top: 12px; } #homeSuggestion form#expertSelector h4 { float: left; font-size: 10px; color: #fff; padding: 2px 4px 0 0; } #homeSuggestion form#expertSelector select { width: 150px; font-size: 10px; } /* admin only */ form#expertManager fieldset { border: none; } form#expertManager fieldset#leftFieldset { width: 310px; float: left; } form#expertManager label { font-size: 10px; font-weight: bold; display: block; padding-top: 2px; } form#expertManager input, form#expertManager textarea { font-size: 10px; width: 280px; } form#expertManager textarea { font-family: Verdana, Arial, Helvetica, sans-serif; height: 85px; } form#expertManager ul { list-style: none; padding: 5px 0 0 0; height: 28px; } form#expertManager ul li { float: left; margin-right: 3px; } form#expertManager ul li input { border: 1px solid #A6A8AB; width: 130px; padding: 3px 4px 3px 24px; display: block; color: #A6A8AB; font-weight: bold; text-align: left; cursor: pointer; } form#expertManager ul li input.editExpert { background: #E9E8E8 url(../image/layout/icone-editer.png) no-repeat 4px 2px; } form#expertManager ul li input.delete { background: #E9E8E8 url(../image/layout/icone-effacer.png) no-repeat 4px 2px; } form#expertManager ul li input:hover { text-decoration: underline; } /* end admin only */ /*-------------------- Top 10 Charts specific --------------------*/ #topTools { text-align: left; padding: 10px 0 0 17px; margin-right: 356px; } #topTools div { background: url(../image/layout/bg-headings-top-content.png) no-repeat; padding: 14px 0 0 77px; min-height: 58px; } #topTools div.topRated { background-position: 0 0; } #topTools div.topConsulted { background-position: 0 -108px; } #topTools div.newest { background-position: 0 -216px; } #topTools h2 { font-size: 15px; color: #51401C; } #topTools p { font-size: 11px; } /*--- Forms ---*/ input, textarea { font-size: 11px; } #warning { padding: 10px 90px 0 90px; } #warning p { padding: 0; font-size: 11px; font-weight: bold; color: #F26522; } #warning2 { padding: 10px 90px 10px 90px; background: #fff; } #warning2 p { background: url(../image/layout/warning.png) no-repeat left center; padding: 5px 0 5px 35px; font-size: 14px; font-weight: bold; color: #F26522; } form#standardForm { padding: 0 100px 0 100px; } form#standardForm h5 { background: none; margin:0; height: 20px; text-indent: -3000px; overflow: hidden; } form#standardForm fieldset { padding: 40px 0; border: none; } form#standardForm fieldset.expert { padding: 40px 0 0 0;} form#standardForm div { padding-bottom: 5px; } form#standardForm div.submitRegistration { text-align: right; } form#standardForm div.normal div { padding-bottom: 0; position: relative; } form#standardForm div.normal div div { position: absolute; z-index: 1000; left: 457px; top: -18px; background: url(../image/layout/bg-error-arrow.png) no-repeat; padding-left: 14px; } form#standardForm div.normal div.textareaError div { left: 507px; top: -144px; } form#standardForm div.normal div p { margin: 0; padding: 0 6px 0 0; height: 16px; font-size: 10px; color: #FF0000; background: url(../image/layout/bg-error.png) no-repeat right center; white-space: nowrap; } form#standardForm label { font-size: 11px; padding: 5px 0; display: block; cursor: pointer; } form#standardForm label input { margin-right: 5px; } form#standardForm label a { color: #FFF; } form#standardForm label a:hover { text-decoration: underline; } form#standardForm div label { float: left; width: 210px; text-align: right; padding: 4px 5px 0 0; font-weight: bold; cursor: auto; } form#standardForm div label span { color: #F57F20; } form#standardForm div span.lang { font-size: 11px; position: relative; top: 3px; } form#standardForm div#war_term { padding-bottom: 0; position: relative; } form#standardForm div#war_term div { position: absolute; z-index: 1000; left: 400px; top: -20px; background: url(../image/layout/bg-error-arrow.png) no-repeat; padding-left: 14px; } form#standardForm div#war_term div p { margin: 0; padding: 0 6px 0 0; height: 16px; font-size: 10px; color: #FF0000; background: url(../image/layout/bg-error.png) no-repeat right center; white-space: nowrap; } /*Input Text*/ form#standardForm div input.textinput, form#standardForm div input.textinputHovered, form#standardForm div input.textinputError { width: 236px; height: 15px; padding: 4px 8px 2px 8px; border: none; background: url(../image/layout/textinput.png) no-repeat center top; } form#standardForm div input.textinputHovered { background-position: center center; } form#standardForm div input.textinputError { background-position: center bottom; } /*Textarea*/ form#standardForm div textarea.textarea, form#standardForm div textarea.textareaHovered { width:286px; height:144px; background:url(../image/layout/textarea-input.png) no-repeat left top; border:none; padding:4px 8px; } form#standardForm div textarea.textareaHovered { background-position: left center;} /*Button*/ form#standardForm div.submitRegistration input { border: none; background: url(../image/layout/button-login.png) no-repeat; height: 25px; width: 107px; padding: 3px; font-size: 11px; color: #444; font-weight: bold; cursor: pointer; } /*Selects*/ .selectArea { margin-left: 215px; width: 250px; height:19px; background:url(../image/layout/select.png) repeat-x left top; } .selectArea .left { width:8px; height:19px; float:left; background:url(../image/layout/select-left.png) no-repeat left top; } .selectArea .right { width:16px; height:19px; float:right; background:url(../image/layout/select-right.png) no-repeat left top; } .selectArea .right a { display:block; position: relative; width:250px; height:19px; margin-left: -234px; } .selectArea .right i { display:none; } .selectArea .center { width:200px; margin-left:5px; margin-right:20px; font-size: 11px; color:#FFF; padding:2px 0 0 0; } form#standardForm div select.alternate { width: 250px; } /*Selects drop-down*/ .optionsDivInvisible, .optionsDivVisible { position:absolute; margin-top:-6px; margin-left:3px; width:227px; background: url(../image/layout/select-options.png) no-repeat left bottom; padding:5px 2px 5px 2px; font-size:11px; z-index:20; } .optionsDivInvisible { display:none; } .optionsDivVisible { display:block; } .optionsDivVisible p { margin:0; padding:0; text-align: left; } .optionsDivVisible a { color:#FFF; font-weight: bold; text-decoration:none; display:block; width: 217px; margin:1px 5px; border:none; } .optionsDivVisible a:hover { color:#F47C25; background:#FFDBA8; } /*---- Tables ----*/ table#coordonnees, table#descType { margin: 10px 85px; border: none; } table#coordonnees th, table#descType th, table#coordonnees td, table#descType td { vertical-align: text-top; padding: 5px; } table#coordonnees th { color: #fff; font-size: 13px; text-align: right; } table#coordonnees td { color: #BE5B20; font-size: 12px; font-weight: bold; } table#descType th { color: #BE5B20; font-size: 12px; width: 170px; } table#descType td { font-size: 12px; line-height: 150%; } /*------ Messages ------*/ #alertBox { position:absolute; background-color:#000; z-index:1000; height:100%; width:100%; /*opacity:0;*/ } #alertContent { position:absolute; color:#fff; z-index:1001; left: 35%; top: 35%; } #message { width: 400px; z-index: 1000; } #messageContent {background: url(../image/layout/message-box.png) no-repeat; padding: 10px 0 0 0; } #messageContent table { width: 380px; margin: 0 auto; } #messageContent table th { text-align: center; padding: 0 2px; } #messageContent table td { padding: 0 10px 0 0; color: #fff; font-size: 14px; font-weight: bold; } #messageClose {text-align: right; background: url(../image/layout/message-box-bottom.png) no-repeat left bottom; padding:0 10px 6px 0; } #messageClose a { background: url(../image/layout/message-close.png) no-repeat; color: #FBD1B3; font-size: 12px; font-weight: bold; padding: 5px 0 4px 25px; } #messageClose a:hover { color: #F7CC78; text-decoration: underline; } /*------------ User Dashboard ------------*/ form#userDash { text-align: left; height: 165px; padding-top: 5px; width: 865px; display: block; } form#userDash div { width: 625px; margin: 0 auto; } form#userDash div input { width: 130px; height: 160px; display: block; margin: 0 10px; float: left; border: none; text-indent: 3000px; overflow: hidden; cursor: pointer; } form#userDash div input.profil { background: url(../image/layout/icone-user-dashboard.png) no-repeat 0 0; } form#userDash div input.profil:hover { background: url(../image/layout/icone-user-dashboard.png) no-repeat 0 -204px; } form#userDash div input.password { background: url(../image/layout/icone-user-dashboard.png) no-repeat -167px 0; } form#userDash div input.password:hover { background: url(../image/layout/icone-user-dashboard.png) no-repeat -167px -204px; } form#userDash div input.favorites { background: url(../image/layout/icone-user-dashboard.png) no-repeat -330px 0; } form#userDash div input.favorites:hover { background: url(../image/layout/icone-user-dashboard.png) no-repeat -330px -204px; } form#userDash div input.suggest { background: url(../image/layout/icone-user-dashboard.png) no-repeat -494px 0; } form#userDash div input.suggest:hover { background: url(../image/layout/icone-user-dashboard.png) no-repeat -494px -204px; } /*------------- Admin Dashboard -------------*/ #adminLogin { width: 286px; background: url(../image/layout/bg-login-admin.png) no-repeat left bottom; margin: 30px auto; padding-bottom: 21px; position: relative; top: -15px; } #adminDash { height: 170px; width: 584px; display: block; margin: 0 auto; } #adminDash ul { list-style: none; text-align: left; margin: 0 1px; padding-top: 5px; } #adminDash ul li { float: left; } #adminDash ul li a { width: 130px; height: 160px; margin: 0 7px; display: block; text-indent: -3000px; overflow: hidden; background: #00FF00; } #adminDash ul li.admin1 a { background: url(../image/layout/icone-admin-dashboard.png) no-repeat 0 0;} #adminDash ul li.admin1 a:hover { background: url(../image/layout/icone-admin-dashboard.png) no-repeat 0 -204px; } #adminDash ul li.admin2 a { background: url(../image/layout/icone-admin-dashboard.png) no-repeat -167px 0;} #adminDash ul li.admin2 a:hover { background: url(../image/layout/icone-admin-dashboard.png) no-repeat -167px -204px; } #adminDash ul li.admin3 a { background: url(../image/layout/icone-admin-dashboard.png) no-repeat -330px 0;} #adminDash ul li.admin3 a:hover { background: url(../image/layout/icone-admin-dashboard.png) no-repeat -330px -204px; } #adminDash ul li.admin4 a { background: url(../image/layout/icone-admin-dashboard.png) no-repeat -495px 0;} #adminDash ul li.admin4 a:hover { background: url(../image/layout/icone-admin-dashboard.png) no-repeat -495px -204px; } /*---- Footer ----*/ #footer { width: 866px; position: relative; margin: 0 auto; clear: both; } #footer p { float: right; font-size: 10px; color:#999; text-align: right; width: 60%; } #footer a.influenza { color: #666; } #footer a:hover { text-decoration: underline; } #footer ul { list-style: none; padding-top: 4px; } #footer ul li { float: left; padding: 0 30px 20px 0; } #footer ul li a img { border: none; }