/** * Contact */ #contact {} #contact h2 { position: relative; margin-left: -15px; width: 565px !important; } #contact #law { border: 1px solid #d1dae0; margin-top: 30px; padding: 10px; font-size: 0.9em; } /** * Devis en ligne */ #devis { margin: 20px 35px 0 35px; } #devis label { width: 250px; } #devis .row .help { margin-left: 275px; } #devis .error-message { margin-left: 100px; } #devis #fieldset-dechet .row { clear: none; float: left; width: 50%; margin: 5px 0; } #devis #fieldset-dechet label { width: 320px; text-align: left; padding-right: 10px; } #devis #fieldset-dechet .input { width: 35px; } #devis #fieldset-dechet .error-message { margin-left: 0; } #devis #law { border: 1px solid #d1dae0; margin-top: 30px; padding: 10px; font-size: 0.9em; } /** * Plan du site */ #sitemap {} #sitemap a { color: #5e5e5e; text-decoration: none; } #sitemap a:hover { text-decoration: underline; } #sitemap ul { margin: 0; } #sitemap ul li { line-height: 1.5em; } #sitemap ul.niv-1 li { font-size: 1.5em; margin: 15px 0 20px 0; padding: 0; background: 0; } #sitemap ul.niv-1 li a { display: block; padding: 0 0 5px 30px; border-bottom: 1px solid #d7d7d7; margin: 15px 0 13px -31px; background: url(../images/lvl2/bg-h5.png) no-repeat ; overflow: hidden; } #sitemap ul.niv-1 li a:hover { text-decoration: none; } #sitemap ul.niv-2 li { background: url(../images/lvl2/bullet.gif) no-repeat 0px 5px; font-size: 0.70em; margin: 0 0 0 45px; padding: 0 0 0 14px; } #IE6 #sitemap ul.niv-2 li { zoom: 1; line-height: 1,1em; } #sitemap ul.niv-2 li a { background: 0; padding: 0; border: 0; margin: 0; } #sitemap ul.niv-3 { margin-bottom: 10px; } #sitemap ul.niv-3 li { font-size: 0.9em; margin: 0 0 0 30px; padding: 0 0 0 10px; background: url(../images/bullet2.gif) no-repeat 0 10px; } #sitemap ul.niv-3 li a {} /*#IE6 #sitemap ul { margin: 10px 0 10px 35px; list-style: square; } #IE6 #sitemap ul li { background: 0; padding: 0; margin: 0; }*/ /** * Actualités */ /*#actualites { padding: 0px 0 20px 0; } #actualites .titre-actu { float: left; padding: 18px 0 30px 0; color: #0F9160; font-size: 2em; } #actualites #select-list { margin-top: 18px; float: right; width: 242px; height: 38px; background: url(../images/bg-lst-select-cat-actu.jpg); } #actualites #select-list label { display: none; } #actualites #select-list select { z-index: 1; background: none; border: none; margin: 7px 0 0 5px; width: 227px; color: #344C83; font-weight: bold; } #actualites #select-list select option { background: #fff; } #actualites .pager { } #actualites .pager a { color: #3355B3; text-decoration: none; } #actualites .pager a:hover { text-decoration: underline; } #actualites .pager .previous { display: block; float: left; } #actualites .pager .next { display: block; float: right; } #actualites actu { position: relative; } #actualites .logo-cat-dossier-presse { background: url(../images/actualites/logo-dossier-presse.jpg) 0 40px no-repeat; } #actualites .logo-cat-communique { background: url(../images/actualites/logo-dossier-com.jpg) 0 40px no-repeat; } #actualites .actu-date { width: 100px; float: left; text-transform: capitalize; font-weight: bold; } #actualites .actu-cat { text-transform: uppercase; font-weight: bold; font-style: italic; } .en #actualites .actu-cat { } #actualites .cat-default { color: #0C8F5C; } #actualites .cat-dossier-presse { color: #01ADE7; } #actualites .cat-communique { color: #10AD56; } #actualites .bubble { overflow: hidden; margin: 5px 0 10px 60px; padding: 15px 20px 10px 20px; color: #8A8A8A; font-weight: bold; } #actualites .bubble h3 { display: inline; font-size: 1em; font-weight: bold; } #actualites .bubble h3 a { color: #50638F; } #actualites .bubble p { font-style: italic; } #actualites .bubble a { color: #269165; text-decoration: none; } #actualites .bubble a:hover { text-decoration: underline; } #actualites .div-cat-default { background: #F2F2F2; } #actualites .div-cat-dossier-presse { background: #ECF1F9; } #actualites .div-cat-communique { background: #E0F3E7; } */ #actualites { padding: 0px 0 20px 0; } #actualites .titre-actu { float: left; padding: 50px 0 12px 30px; color: #0F9160; font-size: 2em; } #actualites #formulaire-select { float: right; margin: 55px 160px 0 0; } #IE6 #actualites #formulaire-select { margin: 55px 80px 0 0; } /* #actualites #label-select-actus { float: left; margin: 55px 0 0 210px; font-size: 1.2em; color: #344C83; } #actualites #select-list { margin: 50px 155px 0 0; float: right; width: 242px; height: 38px; background: url(../images/bg-lst-select-cat-actu.jpg); } #IE6 #actualites #select-list { margin: 50px 75px 0 0; } */ #actualites #label-select-actus { float: left; margin: 5px 0 0 0; font-size: 1.2em; color: #344C83; } #actualites #select-list { margin: 0 0 0 20px; float: left; width: 242px; height: 38px; background: url(../images/bg-lst-select-cat-actu.jpg); } #actualites #select-list label { display: none; } #actualites #select-list select { z-index: 1; background: none; border: none; margin: 7px 0 0 5px; width: 227px; color: #344C83; font-weight: bold; } #IE6 #actualites #select-list select { margin-top: 5px; } #actualites #select-list select option { background: #fff; } #actualites .pager { } #actualites .pager a { color: #3355B3; text-decoration: none; } #actualites .pager a:hover { text-decoration: underline; } #actualites .pager .previous { display: block; float: left; } #actualites .pager .next { display: block; float: right; } #actualites * { overflow:hidden;} /*#actualites * { border: 1px solid #000; }*/ #actualites .bubble.actus-date { color: #0F9160; } #actualites .actus-date-vert { color: #0F9160; } #actualites .actus-date { margin: 0 130px 0 100px; padding: 6px 5px 6px 15px; background: #e0f3e7; display: block; text-transform: capitalize; font-weight: bold; font-size: 1em; } #actualites actu { position: relative; } #actualites .logo-cat-dossier-presse { background: url(../images/actualites/logo-dossier-presse.jpg) 120px no-repeat; } #actualites .actu-cat { text-transform: uppercase; font-weight: bold; font-style: italic; display: block;} .en #actualites .actu-cat { } #actualites .cat-default { color: #0C8F5C; } #actualites .cat-dossier-presse { color: #01ADE7; } #actualites .bubble { overflow: hidden; color: #8A8A8A; font-weight: bold; } #actualites .actu .bubble.div-cat-dossier-presse { margin: 10px 130px 5px 190px; padding: 5px 10px 15px 10px; } #actualites .actu .bubble h3 { display: inline; font-size: 1em; font-weight: bold; } #actualites .actu .bubble h3 a { color: #344c83; } #actualites .actu .bubble p { font-style: italic; } #actualites .actu .bubble a { color: #269165; text-decoration: none; } #actualites .actu .bubble a:hover { text-decoration: underline; } #actualites .div-cat-default { font-size: 0.9em; margin: 7px 130px 7px 180px; background: url(../images/actualites/puce_actu.gif) 0 8px no-repeat; } #IE6 #actualites .div-cat-default { font-size: 0.9em; margin: 7px 130px 7px 180px; background: url(../images/actualites/puce_actu.gif) 0 15px no-repeat; } #actualites .actu-content-default { margin: 0px 20px 8px 20px; padding-top: 7px; } #IE6 #actualites .actu-content-default { margin-bottom: 0px; padding-top: 7px; } #actualites .actu-content-default.border-actu { border-top: 2px dotted #e0f3e7; } #actualites .div-cat-dossier-presse { font-size: 0.9em; background: #d8f5fb; } /* Espace presse */ /** * Contenants */ #contenants { margin: 30px 0 0 35px; padding-bottom: 50px; } #contenants h2 { color: #3658A5; font-size: 2em; margin: 0 0 20px 0; } #contenants h3 { color: #0F9160; font-size: 1.3em; font-weight: bold; margin: 0 0 20px 0; } #contenants .listing { width: 318px; float: left; } #contenants .listing h4 { background: url(../images/contenant/bg-type.jpg) #356f83; color: #fff; font-size: 1.2em; font-weight: normal; line-height: 1.3em; padding: 3px 22px 3px 22px; } #IE6 #contenants .listing h4, #IE7 #contenants .listing h4 { line-height: 1em; padding: 0 22px; } #contenants .listing ul { margin: 10px 22px; } #contenants .listing ul li { margin: 0 0 4px 0; font-size: 1.2em; padding-left: 15px; background-position: 0 6px } #contenants .listing ul li a { color: #848484; text-decoration: none; } #contenants .listing ul li a:hover { text-decoration: underline; } #contenants .listing ul li a.current { color: #0e7b50; } #contenants .show { width: 480px; float: right; margin-right: 10px; } #contenants .show h4 { font-size: 1.5em; font-weight: bold; color: #5e5e5e; } #contenants .show strong { color: #0e7b50; font-size: 1.1em; font-weight: bold; } #contenants .show .hr { background: url(../images/contenant/bg-hr.gif); height: 2px; margin: 3px auto 6px auto; overflow: hidden; } /* rounded box */ #contenants .roundbox { background: url(../images/contenant/bg-box-m.jpg); } #contenants .roundbox .top { background: url(../images/contenant/bg-box-t.jpg); height: 11px; overflow: hidden; } #contenants .roundbox .bottom { background: url(../images/contenant/bg-box-b.jpg); height: 13px; overflow: hidden; } #contenants .roundbox .content { padding: 5px 20px; overflow: hidden; } #IE6 #contenants .roundbox .content { zoom: 1; } /** * Plateformes */ /* Chimirec en France */ #platform { position: relative; width: 683px; } #IE6 #platform { position: static; } #IE6 .content-column-carto #platform { width: 720px; } #lien-retour-carte { margin-right: -34px; } #IE6 #lien-retour-carte { margin-right: -24px; } #platform #carto { position: relative; margin: 0 0 10px -30px; width: 441px; } #IE6 #platform #carto { position: static; margin-left: 0; } #carto .icon { position: absolute; display: block; text-indent: -5000px; font-size: 0; } #carto .icon.platform-regroupement { background: url(../images/plateforme/icon-plateforme.png); width: 16px; height: 19px; } #carto .icon.centre-traitement { background: url(../images/plateforme/icon-centre-traitement.png); width: 25px; height: 24px; } #platform #listing { float: right; width: 262px; } #platform .platform { width: 262px; text-align: center; } #platform #show .platform { float: right; margin: 10px 15px 0 0; } #platform .platform .round { background: url(../images/plateforme/bg-plateforme-middle.jpg); } #platform #listing .platform .round { margin-bottom: 15px; } #platform .platform h3 { background: url(../images/plateforme/bg-plateforme-top.jpg) no-repeat top; font-size: 1.5em; padding: 10px 0; border-bottom: 1px solid #e6e6e6; } #platform .platform h3 a { color: #3658A5; text-decoration: none; } #platform .platform h4 { color: #0E7B50; text-transform: uppercase; padding-bottom: 3px; border-bottom: 1px solid #e6e6e6; margin: 10px 0; } #platform .platform .content { background: url(../images/plateforme/bg-plateforme-bottom.jpg) no-repeat bottom; min-height: 120px; padding-bottom: 10px; } #IE6 #platform .platform .content { zoom:1; } #platform .btn-right { width: 262px; float: right; margin-right: 15px; } #platform #show #photos { /*position: relative;*/ float: left; width: 390px; } #platform #show #photos #photo-main a { display: none; } #platform #show #photos ul { margin: 15px 0 0 0; height: 66px; float: left; } #platform #show #photos ul li { padding: 0px; float: left; width: 94px; height: 65px; background: url(../images/plateforme/bg-photo2.jpg); margin-right: 1px; } #platform #show #photos ul li a { width: 87px; padding-bottom: 8px; } #platform #show #photos ul li.ui-tabs-selected a { border-bottom: 2px solid #c4c4c4; } #platform #show #photos #plan3d { /*position: absolute; bottom: 1px; right: 5px;*/margin: 15px 5px 0 0; float: right; width: 94px; height: 65px; background: url(../images/plateforme/bg-photo2.jpg); } #platform #icon-legende { float: left; margin-right: 5px; } /* Votre interlocuteur régional */ #platform.regions { width: 800px; margin: 30px 0 0 35px; padding-bottom: 50px; } #platform.regions #carto { position: relative; margin: 0 0 10px 60px; } #platform.regions #listing { top: 130px; } /** * APROCHIM */ #aprochim { width: 800px; margin: 30px 0 0 35px; padding-bottom: 50px; } /*#aprochim * { border: 1px solid #000; }*/ #aprochim #aprochim-infosup { margin: 0 0 0 100px; } #aprochim #logo-aprochim { position: absolute; top: 33px; left: 490px; width: 61px; height: 78px; background: url(/images/aprochim/logo-aprochim.png); } #aprochim #chimirec-enfr { position: absolute; top: 33px; right: 90px; width: 197px; height: 52px; background: url(/images/aprochim/bg-chimirec-enfr.png); } #aprochim #col-right { float: right; } #aprochim #col-right ul { position: relative; width: 262px; height: 400px; top: 9px; left: 30px; overflow: hidden; } #aprochim ul li { position: absolute; width: 262px; background: url(/images/aprochim/bg-aprochim-middle.jpg); text-align: center; left: -262px; margin: 0; padding: 0; } #aprochim ul li .round { background: url(/images/aprochim/bg-aprochim-top) no-repeat top; width: 262px; padding-top: 10px; } #aprochim ul li .content { background: url(/images/aprochim/bg-aprochim-bottom.jpg) no-repeat bottom; width: 262px; padding-bottom: 10px; } #aprochim #carte { width: 445px; height: 462px; background: url(/images/aprochim/map_france.png) no-repeat; margin: 0 0 10px 60px; } #IE6 #aprochim #carte { margin: 0; } #IE7 #aprochim #carte { margin: 0; } #aprochim #carte .inner { position: relative; } #aprochim #carte img { border: 0; margin: 0; } #aprochim #carte .zone { position: absolute; display: none; } #IE6 #aprochim #carte .zone { position: absolute; display: block; visibility: hidden; } #aprochim #carte #transparent { position: absolute; top: 0; left: 0; width: 445px; height: 462px; } #aprochim #carte #derasse { top: 0; left: 160px; } #aprochim #carte #berthois { top: 75px; left: 0; } #aprochim #carte #levillain { top: 170px; left: 74px; } #aprochim #carte #gubitta { top: 282px; left: 98px; } #aprochim #carte #desimone { top: 287px; right: 15px; } #IE6 #aprochim #carte #desimone { top: 287px; right: 14px; } #aprochim #carte #soucasse { top: 159px; right: 46px; } #IE6 #aprochim #carte #soucasse { top: 159px; right: 45px; } #aprochim #carte #kastler { top: 56px; right: 8px; } #IE6 #aprochim #carte #kastler { top: 56px; right: 7px; } #aprochim #carte #sableau { top: 102px; right: 141px; } #IE6 #aprochim #carte #sableau { top: 102px; right: 140px; } /* Votre interlocuteur régional */ #aprochim.regions #carte { } #aprochim .content p { line-height: 1.2em; font-weight: bold; margin: 4px 0 0 0; padding: 0; } #aprochim .content a { color: #777 !important; text-decoration: underline !important; } #aprochim .content h4 { font-size: 0.9em; font-weight: bold; color: #0F925F; margin-top: 9px; padding-top: 4px; border-top: 1px solid #e6e6e6; } #aprochim .content h4:first-child { border-top: 0; } #aprochim .content .nom { font-size: 1.3em; color: #344C83; font-weight: bold; padding: 3px 0 4px 0; } #aprochim .content table, #aprochim .content tr, #aprochim .content td { font: 100% "Trebuchet MS", Verdana, sans-serif !important; color: #777; line-height: 1.6em; } /** * jQuery Tabs */ .ui-tabs { padding: 0; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected {} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { padding: 0; display: block; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /** * Moteur de recherche */ #moteurrecherche #submitRecherchefr { width: 111px; height: 25px; border: 0; cursor: pointer; background: url(../images/btn-rechercher.gif) no-repeat; } #moteurrecherche #submitRechercheen { width: 111px; height: 25px; border: 0; cursor: pointer; background: url(../images/btn-search.gif) no-repeat; } /** * Paginate */ .paginate { float: right; width: 100%; margin: 0 0 10px 0; font-size: 0.9em; } .paginate td { text-align: right; vertical-align: middle; } .paginate label { width: 104px; padding-right: 10px; } .paginate .pager { float: right; margin: 10px 0 4px 0; text-align: right; white-space: nowrap; overflow: hidden; } .paginate .pager li { display: block; float: left; padding: 0; margin-right: 5px; } .paginate .pager li.page {} .paginate .pager li.current {} .paginate .pager li.last {} .paginate .pager li a { padding: 3px 5px; background: #D3D9E7; text-decoration: none; cursor: pointer; } #IE7 .paginate .pager li a { line-height: 12px; } .paginate .pager li a:hover { background: #1339A6; color: #fff; } .paginate .pager li.current span, .paginate .pager li.current a { padding: 3px 5px; background: #5671AE !important; color: #fff; } .paginate .pager li img {} .paginate #page { padding: 1px; } /** * Recrutement */ #recrutement { margin: 20px 35px 0 35px; } #recrutement #select-list { float: right; margin: 10px 60px 0 0; width: 242px; height: 38px; background: url(../images/bg-lst-select-cat-actu.jpg); } #IE6 #recrutement #select-list { margin: 10px 30px 0 0; } #recrutement #select-list select { background: 0; border: none; margin: 7px 0 0 5px; width: 227px; color: #344C83; font-weight: bold; } #recrutement .select-title { float: right; } #IE7 #recrutement .select-title { float: right; margin-top: 15px; } #recrutement #select-list .row { margin: 0; } #recrutement #select-list label { display: none; } #recrutement #select-list .row .field, #recrutement #select-list .row .help, #recrutement #select-list .field-margin { margin-left: 0; } /* le style de .pager doit etre dans le html pour que corners fonctionne sous IE */ #recrutement .pager {} #recrutement .pager a { color: #3355B3; text-decoration: none; } #recrutement .pager a:hover { text-decoration: underline; } #recrutement .pager .previous { display: block; float: left; } #recrutement .pager .next { display: block; float: right; } #recrutement h2 { width: 400px; color: #0F9160; font-size: 2em; } #recrutement h3 { margin-right: 10px; color: #0F9160; font-size: 1.2em; } .liste-offres { margin: 10px 0; border-collapse: separate; border-spacing: 5px; width: 100%; text-transform: capitalize; } #IE7 .liste-offres, #IE6 .liste-offres { *border-collapse: expression('separate', cellSpacing = '5px'); } .liste-offres td { border: 0; padding: 13px 15px; font-size: 1.1em; font-weight: bold; } .liste-offres th { background: #00854E; border-bottom: solid 13px #fff; padding: 4px 15px; font-size: 1.1em; font-weight: normal; color: #fff; text-align: center; } .liste-offres tr td { background: #F5F7FB; } .liste-offres tr.alt td { background: #EDF0F7; } #recrutement a { text-decoration: none; } /* fiche */ .details { margin: 10px 0 0 0; width: 100%; } .details td { background: #F5F7FB; padding: 5px 10px; border: 2px solid #fff; } .details td.col1 { background: #EDF0F7; font-weight: normal; width: 160px; padding: 5px 20px 5px 0; text-align: right; } .details td p { margin-top: 0; }