/* CSS Document */ /*--- Containers ---*/ *, html { margin: 0; padding: 0; } body { background: url(../images/layout/body-bg2.png) repeat-y center top; text-align: center; padding: 0 20px; font-family: Arial, Helvetica, sans-serif; } #siteWrapper { width: 820px; background: #fff; position: relative; margin: 0 auto; } #topContainer { border-bottom: 1px solid #ccc; text-align: right; height: 42px; padding: 0 1px; } #contentWrapper { clear: both; background: #fff url(../images/layout/bg-colunm2.png) repeat-y right top; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } /*--- Header ---*/ #quickNav { float: right; } #quickNav ul { border-top: 5px solid #560E2F; text-align: right; list-style: none; } #quickNav ul li { float: left; font-size: 10px; padding-top: 2px; } #quickNav ul li a { height: 12px; color: #5A0F30; text-decoration: none; } #quickNav ul li a.homepage { background: url(../images/layout/icon-homepage.png) no-repeat left center; padding: 0 10px 0 11px; } #quickNav ul li a.sitemap { background: url(../images/layout/icon-sitemap.png) no-repeat left center; padding: 0 10px 0 13px; } #quickNav ul li a.language { background: url(../images/layout/icon-language.png) no-repeat left center; padding: 0 1px 0 11px; } #quickNav ul li a:hover { color: #A38975; text-decoration: underline; } #header { background: url(../images/layout/header-bg2.jpg) no-repeat right center; margin-right: 1px; padding: 1px 1px 0 1px; text-align: left; } #logo { float: right; } #logo h1, #logo h2 { text-indent: -3000px; overflow: hidden; } /*--- Main Navigation ---*/ #mainNav { width: 251px; } #mainNav ul { list-style: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; text-align: left; } #mainNav ul li { position: relative; background: url(../images/layout/bg-mainNav.png) repeat-x; border: 1px solid #ccc; margin-bottom: 1px; } #mainNav ul li a { height: 33px; width: 236px; display: block; padding: 13px 0 0 14px; color: #997B66; text-decoration: none; } #mainNav ul li a.services, #mainNav ul li a.infos { background: url(../images/layout/arrow-mainMenu2.png) no-repeat right center; } #mainNav ul li a:hover { color: #560E2F; background: url(../images/layout/bg-mainNav-hover.png) repeat-x; border-left: 4px solid #560E2F; padding: 13px 0 0 10px; } #mainNav ul li:hover a { color: #560E2F; background: url(../images/layout/bg-mainNav-hover.png) repeat-x; border-left: 4px solid #560E2F; padding: 13px 0 0 10px; } #mainNav ul li ul { display: none; background: none; } #mainNav ul li ul li { background: none; border: none; } #mainNav table { margin: 0; font-size: 11px; position: absolute; top: 0; left: 1px; } #mainNav ul li:hover ul { background: url(../images/layout/bg-drop-down.png) repeat-x; width:260px; display: block; margin-top:0; position:absolute; top:-1px; left: 250px; text-align: left; border: 1px solid #fff; z-index: 1000; } #mainNav ul li:hover ul li ul { display: none; } #mainNav ul li:hover ul li a { background: none; display:block; color: #560E2F; text-align: left; font-weight: normal; height:auto; line-height:14px; padding: 4px 10px 4px 5px; width:240px; font-size: 11px; border: none; } #mainNav ul li:hover ul li a:hover { border: none; color: #997B66; background: url(../images/layout/bg-drop-down-hover.png) no-repeat right center; } /*--- Main Navigation specific to IE5.5 and IE6 browsers ---*/ #mainNav ul li a:hover ul { background: url(../images/layout/bg-drop-down.png) repeat-x; width: 260px; display: block; position: absolute; top:-1px; t\op:-1px; left:249px; text-align: left; border: 1px solid #fff; border-right: none; z-index: 1000; padding-bottom: 4px; } #mainNav ul li a:hover ul li { padding: 2px 0;} #mainNav ul li a:hover ul li a { display: block; background: none; color: #560E2F; text-align: left; font-weight: normal; height: 15px; line-height: 15px; padding: 4px 10px 4px 10px; width: 240px; w\idth: 240px; border: none; font-size: 11px; position: absolute; right: 2px; } #mainNav ul li a:hover ul li a ul { visibility: hidden; position: absolute; height: 0; width:0; } #mainNav ul li a:hover ul li a:hover { color: #997B66; background: url(../images/layout/bg-drop-down-hover.png) no-repeat 245px 10px; } /*--- Column ---*/ #column { float: right; width: 281px; text-align: left; padding: 20px 0 0 2px; } #column ul { margin: 0; margin-bottom: 5px; padding: 70px 10px 0 10px; font-size: 15px; color: #560E2F; font-weight: bold; list-style: none; border-bottom: 1px solid #ccc; } #column ul.certification { background: #fff url(../images/services/certification-comptabilite.jpg) no-repeat left top; } #column ul.fiscalite { background: #fff url(../images/services/fiscalite.jpg) no-repeat left top; } #column ul.subvention { background: #fff url(../images/services/financement-subvention.jpg) no-repeat left top; } #column ul.conseil { background: #fff url(../images/services/service-conseil.jpg) no-repeat left top; } #column ul.acquisition { background: #fff url(../images/services/acquisition-fusion.jpg) no-repeat left top; } #column div.liens { height: 70px; display: block; border-bottom: 1px solid #ccc; background: url(../images/infos-pratiques/liens-utiles.jpg) no-repeat; } #column div.documents { height: 70px; display: block; border-bottom: 1px solid #ccc; background: url(../images/infos-pratiques/documents-telecharger.jpg) no-repeat; } #column ul li.slogan2 { margin-left: 20%; } #column ul li.slogan3 { margin-left: 40%; } #column ul li.slogan4 { margin-left: 60%; } #column div.brochure { background: url(../images/layout/visuel-brochure.png) no-repeat; height: 74px; padding: 18px 10px 0 80px; border-bottom: 1px solid #ccc; margin-top: 2px; } #column div.brochure a { color: #A38975; font-size: 12px; font-weight: bold; text-decoration: none; } #column div.brochure a strong { color: #560E2F; font-size: 14px; } #column div.brochure a span { color: #560E2F; font-size: 10px; font-weight: normal; } #column div.brochure a:hover { text-decoration: underline; } #column div.job { background: #fff url(../images/layout/bg-job.jpg) no-repeat; border-bottom: 1px solid #ccc; height: 169px; padding: 8px 0 0 85px;} #column div.job p { font-size: 11px; color: #333; padding-bottom: 3px; } #column div.job p strong { color: #560E2F; } #column div.job p a { color: #560E2F; font-weight: bold; text-decoration: none; } #column div.job p a:hover { color: #A38975; text-decoration: underline; } #column div.google { background: url(../images/google-map.png) no-repeat center center; height: 250px; margin-top: -20px; border-bottom: 1px solid #ccc; } #column div.google a { width: 280px; height: 250px; display: block; text-indent: -4000px; overflow: hidden; } #column div.google a:hover { background: url(../images/layout/zoom_in.png) no-repeat 5px 5px; } #column div.plan { background: url(../images/plan-du-site.jpg) no-repeat center center; height: 70px; margin-top: -20px; border-bottom: 1px solid #ccc; } /*--- Content ---*/ #content { margin: 0 291px 0 11px; text-align: left; padding: 20px 10px; min-height: 300px; } #content h3 { background: url(../images/layout/bg-h3.png) repeat-x left bottom; font-size: 16px; color: #A38975; padding-bottom: 8px; margin: 10px; position: relative; } #content h4 { margin: 10px; font-size: 14px; color: #560E2F; } #content h5 { margin: 10px 10px 0 10px; font-size: 14px; color: #560E2F; } #content p { font-size: 12px; color:#333; margin: 10px; } #content p.profiltext { margin: 0 10px 10px 123px; } #content ul { margin: 5px 0 10px 30px; list-style: square; font-size: 12px; color: #333; } #content ul li { line-height: 18px; } #content a.external { background: url(../images/layout/icon-external.gif) no-repeat right center; padding: 1px 14px 1px 0; } #content a.pdf {background: url(../images/layout/icon-pdf.png) no-repeat right center; padding: 1px 18px 1px 0; } /* #associes { width: 484px; margin: 0 auto; } #associes ul { list-style: none; margin: 0; } #associes ul li { width: 49%; float: left; border: 1px solid #ccc; background: url(../images/layout/bg_cabinet.jpg) repeat-x; margin: 1px; font-size: 11px; color: #333; padding-top: 53px; line-height: 14px; } #associes ul li img { float: left; border: 1px solid #fff; margin: -53px 2px 0 0; } #associes ul li strong { color: #560E2F; } #associes ul li a { background: url(../images/layout/email_go.png) no-repeat left center; padding: 0 0 2px 18px; color: #997B66; text-decoration: none; } #associes ul li a:hover { color: #560E2F; text-decoration: underline; } #associes p { line-height: 2px;} */ #associes ul { list-style: none; margin: 0; } #associes ul li { width: 49%; float: left; border: 1px solid #ccc; background: url(../images/layout/bg_cabinet.jpg) repeat-x; margin: 1px; font-size: 11px; color: #333; padding-top: 40px; line-height: 14px; } #associes ul li img { float: left; border: 1px solid #fff; margin: -40px 2px 0 0; } #associes ul li strong { color: #560E2F; } #associes ul li a { background: url(../images/layout/email_go.png) no-repeat left center; padding: 0 0 2px 18px; color: #997B66; text-decoration: none; } #associes ul li a:hover { color: #560E2F; text-decoration: underline; } #associes ul#en li { width: 49%; float: left; border: 1px solid #ccc; background: url(../images/layout/bg_cabinet.jpg) repeat-x; margin: 1px; font-size: 11px; color: #333; padding-top: 53px; line-height: 14px; } #associes ul#en li img { float: left; border: 1px solid #fff; margin: -53px 2px 0 0; } #profils { width: 484px; height: 190px; display: block; margin: 0 auto; } #profils ul { list-style: none; margin: 0; } #profils ul li { width: 49%; float: left; border: 1px solid #ccc; background: url(../images/layout/bg_cabinet.jpg) repeat-x; margin: 1px; font-size: 11px; color: #333; padding-top: 40px; line-height: 14px; } #profils ul li img { float: left; border: 1px solid #fff; margin: -40px 2px 0 0; } #profils ul li strong { color: #560E2F; } #profils ul li a { background: url(../images/layout/vcard.png) no-repeat left center; padding: 2px 0 0 18px; color: #997B66; text-decoration: none; } #profils ul li a:hover { color: #560E2F; text-decoration: underline; } #profils ul li a.email { background: url(../images/layout/email_go.png) no-repeat left center; padding: 0 0 2px 18px; color: #997B66; text-decoration: none; } #profils ul li a.email:hover { color: #560E2F; text-decoration: underline; } img.profil { float: left; border: 3px double #ccc; margin: 0 10px 10px 10px; } p.profiltext { margin: 0 10px 10px 123px; } ul#navprofil { margin: 0 10px 10px 123px; list-style: none; font-size: 11px; font-weight: bold; border: 1px solid #ccc; background: url(../images/layout/bg_cabinet.jpg) repeat-x left center; height: 18px; padding: 3px 0 4px 3px; } ul#navprofil li { padding-bottom: 10px; display: inline; margin-right: 10px; } #navprofil a { color: #997B66; text-decoration: none; } #navprofil a:hover { color: #560E2F; text-decoration: underline; } #navprofil a.email { background: url(../images/layout/email_go.png) no-repeat left center; padding: 0 0 2px 18px; } #navprofil a.return { background: url(../images/layout/application_go.png) no-repeat left center; padding: 0 0 2px 18px; } #servicesHome { width: 410px; margin: 30px auto 0 auto; } #servicesHome ul { list-style: none; } #servicesHome ul li { margin-bottom: 5px; font-size: 13px; font-weight: bold; } #servicesHome ul li a { width: 300px; height: 29px; display: block; padding: 11px 0 0 110px; color: #B09A8A; text-decoration: none; } #servicesHome ul li a.service1 { background: url(../images/layout/services-certification-comptabilite.jpg) no-repeat; } #servicesHome ul li a.service2 { background: url(../images/layout/services-fiscalite.jpg) no-repeat; } #servicesHome ul li a.service3 { background: url(../images/layout/services-financement-subvention.jpg) no-repeat; } #servicesHome ul li a.service4 { background: url(../images/layout/services-conseil.jpg) no-repeat; } #servicesHome ul li a.service5 { background: url(../images/layout/services-acquisition-fusion-entreprise.jpg) no-repeat; } #servicesHome ul li a:hover { color: #D6CAC1; text-decoration: underline; } #telephone { width: 50%; float: right; text-align: right; margin-right: 15px; } #telephone ul { margin: 0; list-style: none; } form.contact { width: 484px; margin: 0 auto; background: url(../images/layout/bg_cabinet.jpg) repeat-x; border: 1px solid #ccc; } form.contact div { padding-bottom: 4px; } form.contact div label { float: left; width: 90px; padding: 1px 4px 0 0; text-align: right; font-size: 12px; color: #997B66; font-weight: bold; } form.contact div input, form.contact div textarea { width: 350px; border: 1px solid #666; background: #F4F2F0; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } form.contact div div { font-size: 10px; font-weight: bold; color: #FF0000; padding-left: 94px; } form.contact div.submitMessage { text-align: right; padding-right: 35px; } form.contact div.submitMessage input, form.contact div.submitMessage input:focus { background: #efefef; border: 3px double #666; border-left-color: #ccc; border-top-color: #ccc; padding: 4px 10px !important; padding: 0.25em; color: #333; font-weight: bold; font-size: 12px; width: 175px; } form.contact div.submitMessage input:active { background: #ccc; border: 3px double #efefef; border-left-color: #666; border-top-color: #666; } /*--- Footer ---*/ #footer { background: url(../images/layout/bg-footer.png) repeat-x; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; height: 135px; text-align: right; clear: both; padding: 5px; } #footer p { color: #8F6B63; font-size: 10px; margin-bottom: 0; } #footer a { color: #8F6B63; text-decoration: none; } #footer a:hover { color: #A38975; text-decoration: underline; } #bottomNav { float: left; font-size: 10px; color: #8F6B63; }