/* --------------------------------------------------------------- * screen.css - regionautravail.com * @type: Screen * @langue: Commun * @year: 2008 * @author: CyberGénération * @note: background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others; --------------------------------------------------------------- */ @import url("cBase2.0/cReset.css"); /* Resets all browser CSS. */ @import url("cBase2.0/cBase.css"); /* Set base layout CSS. */ @import url("cBase2.0/cClass.css"); /* Set some global Class CSS. */ /* Default setting. --------------------------------------------------------------- */ sup, sub { vertical-align: super; font-size: .9em; line-height: normal; } h5 { margin-bottom: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background: #fafafa url(img/bg_body.jpg) no-repeat top center; line-height:1.4em } h3 { margin:0 0 15px -2px; padding:0} h3 span { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } #pageContainer { background: url(img/bg_pageContainer.gif) no-repeat bottom left; position:relative; width:940px; margin:0 auto; padding:0 30px 30px 30px; overflow:hidden } a { color:#3A85DE; text-decoration:none; font-weight:bold; } a:hover { color:#888; text-decoration:underline } .arrowLink.bleu { background:url(img/listBullets/bullet_arrow_blue.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; } .arrowLink.rouge { background:url(img/listBullets/bullet_arrow_rouge.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; } .rouge { color: #721f15; } .bleu { color: #378fcf; } .bold { font-weight: bold } /* change le width selon le resize... */ .pic {width:257px; background:url(img/img_shadow.jpg) bottom right no-repeat; padding-bottom:5px;} .pic img {border:1px solid #ccc; } /* fontResize control --------------------------------------------------------------- */ .size1 { font-size: 14px; line-height:1.25em } .size2 { font-size: 17px; line-height:1.4em } /* Icones liens --------------------------------------------------------------- */ .pdf_link, .external_link { padding: 0 0 0 20px; height: 16px; display: block;} .pdf_link { background: url(img/icons/pdf.png) no-repeat;} .external_link { background: url(img/icons/link_external.png) no-repeat;} /* pageHeader --------------------------------------------------------------- */ #pageHeader { } #pageHeader h1 a { background: url(img/logo_pageHeader.jpg) no-repeat; height:57px; width:286px; display:block } #pageHeader h2 { background: url(img/icones_pageHeader.jpg) no-repeat; height:57px; width:286px; display:block; margin-left:686px; position:absolute; top:0px } #flashHeader_holder { display:block; height:217px; margin-bottom:33px } /* pageMenu --------------------------------------------------------------- */ /* quickMenu --------------------------------------------------------------- */ #quickMenu { position:absolute; top:62px; right:0px; } #quickMenu ul { display:block; height:24px; float: right; clear: right; } #quickMenu li { float:left; text-align:right; } #quickMenu a { padding:0 10px; font-size:12px; color:#fff; border-left:solid #fff 1px } #quickMenu a:hover { color: #721f15; text-decoration:underline } /* mainMenu --------------------------------------------------------------- */ #mainMenu { background: url(img/mainMenu/bg_mainMenu.jpg) repeat-x; position:absolute; top:274px; left:30px; } #mainMenu ul { width:941px; display:block; height:33px; } #mainMenu li { float:left; text-align:center } #mainMenu a { display:block; height:33px; color:#B3DDFA; } #mainMenu a span { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } #mainMenu a.selected { background-position:0 -33px; color:#ccc; } /* hover of mainMenu bar */ #mainMenu li a:hover { background-position:0 -33px; color:#ccc; } #mainMenu li a:active { background-position:0 -66px; color:#ccc; } /* quickSearch --------------------------------------------------------------- */ #quickSearch { position:absolute; top:0; right:1px; width:151px; background:url(img/quickSearch/bg_right_quickSearch.gif) no-repeat right top; height:33px;} #quickSearch fieldset { position:relative; top:5px; right:2px; margin:0 auto; border:none; width:129px; height:22px; background:url(img/quickSearch/bg_left_quickSearch.gif) no-repeat; padding:0 0 0 12px;} #quickSearch .holder .field { float:left; width:109px; padding:5px 0 1px 0px; border:0px; background:url(img/quickSearch/bg_tile_quickSearch.gif) repeat-x; height:16px;} #quickSearch_btn { background:url(img/quickSearch/btn_quickSearch.gif) no-repeat; width:20px; height:22px; margin:0 0 0 0; border:none; cursor:pointer; } *html #quickSearch_btn { margin-left:-3px;} /* pageContent --------------------------------------------------------------- */ /* overflow:hidden pour forcé le wrappin dans FF - overflow:visible pour forcé le wrappin avec IE6 */ #pageContent { background: #fff url(img/bg_pageContent.jpg) repeat-y; overflow:hidden; color:#333; zoom:1; position:relative; } #pageColumn1 { width:286px; float:left; padding-bottom:115px } #pageColumn2 { width:654px; float:right; overflow:hidden !important; overflow:visible; height:auto !important; min-height:100%; height:100%; } #contentWrapper { width:654px; overflow:hidden; margin-bottom:10px;} #contentWrapper h4 { font-size:14px; font-weight:bold; color:#721f15; margin:0 0 6px -1px;} .contentTop { background: url(img/bg_contentTop.gif) no-repeat top left; padding-top:17px;} .mainContent { padding:20px 25px 30px 25px;} .mainContent ul { list-style-type:none;} .mainContent ul li { background: url(img/listBullets/arrowBullet_gray_5px.gif) no-repeat left 5px; padding-left:15px;} .subSection { background: url(img/bg_subSection.gif) no-repeat center top; padding-top:17px;} .contentHolder { background: url(img/brd_contentHolder.gif) bottom repeat-x; margin:0 0 8px; padding:4px 0; clear:both; overflow: hidden; } .contentHolder p { margin-bottom:10px; margin-left: 3px; } #pageUtils { position:absolute; top:15px; left:858px; display:block; width:77px; height:36px } #pageUtils ul { display:block; width:77px; list-style:none; padding:8px 0 0 1px; } #pageUtils li { float:left; margin-right:10px; } #pageUtils a { display:block; height:19px; width:21px; cursor:pointer; } #pageUtils #btn_textResize { background:url(img/btn_textResize-1.gif) no-repeat} #pageUtils .size1 { background:url(img/btn_textResize-2.gif) no-repeat} #pageUtils .size2 { background:url(img/btn_textResize-3.gif) no-repeat} #pageUtils #btn_textPrint { background:url(img/btn_textPrint.gif) no-repeat } #Partenaires { background: url(img/shadowContent.jpg) no-repeat top right; padding:7px 0 0; overflow:hidden;} #Partenaires ul { margin:15px 0 0; display:block; height:75px; width:528px; padding-left:126px;} #Partenaires li { float:left;} #Partenaires a { display:block } #Partenaires a span { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } .cldem_logo { background: url(img/logo_cldem.jpg) no-repeat; width:147px; height:75px; } .affluents_logo { background: url(img/logo_affluents.jpg) no-repeat; width:81px; height:75px; } .emploi-quebec_logo { background: url(img/logo_emploi-quebec.jpg) no-repeat; width:165px; height:75px; } /* pageColumn1 --------------------------------------------------------------- */ #ficheEntreprise { background: url(img/bg_fiche.jpg) no-repeat bottom; padding:0; margin:0; } #ficheEntreprise .fiche_holder { padding: 0 0 10px 20px; overflow: hidden; } #ficheEntreprise .thumb_holder { background: url(img/thumb_shadow_blue.jpg) no-repeat bottom right; float:left; margin:0 9px 6px 0; padding:0 0 4px 0} #ficheEntreprise .thumb_holder img { margin:0; padding:0; } #ficheEntreprise .grad { background: url(img/grad_fiche.png) no-repeat; padding:10px 0 10px 0 !important; padding-bottom:0; overflow:hidden; zoom:1 } #ficheEntreprise h3 { margin: 0 0 10px 6px; clear: left; } #ficheEntreprise h3 a { display:block; padding:0; margin:0; } #ficheEntreprise h3 a span { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; display:block } #ficheEntreprise .text_holder { margin: 0 0 16px 0; padding: 0 0 10px 0; zoom:1; float: left; width: 172px } #ficheEntreprise p.text { margin: 0; padding: 0; } #ficheEntreprise p.title { font-weight: bold; margin:0 0px 5px 0px; padding:0 } /*#ficheEntreprise a { margin:0 15px 5px 21px;}*/ #ficheEntreprise .lexique_text { margin:0; padding:0 15px 15px 20px; } #ficheEntreprise .lexique_title { font-weight: bold; margin:0 15px 5px 20px; padding:0 } #ficheEntreprise #subMenu { display:block; position:relative; right:0px; list-style-type:none;} #ficheEntreprise #subMenu, #ficheEntreprise #subMenu li, #ficheEntreprise #subMenu a { padding:0; margin:0;} #ficheEntreprise #subMenu li { float:right; width:266px;} #ficheEntreprise #subMenu a { display:block; width:226px; padding:6px 20px 6px 20px; background:url(img/brd_subMenu.gif) no-repeat bottom right; color:#676a7c; } #ficheEntreprise #subMenu li.last a { background:none;} #ficheEntreprise #subMenu a:hover { color:#fff; text-decoration:none;} #ficheEntreprise #subMenu .active { background:url(img/listBullets/bullet_arrow_white.gif) no-repeat 0 9px;} #ficheEntreprise #subMenu .active a { color:#fff;} #leftlinkList { background: url(img/leftlinkList/bg_leftlinkList-top.jpg) no-repeat; padding-top:10px; } #leftlinkList ul { background: url(img/leftlinkList/bg_leftlinkList-bottom.jpg) no-repeat bottom; margin:0; zoom:1; } #leftlinkList li { margin:0; padding:0; display:inline } #leftlinkList a { display:block; } #leftlinkList a img { display:block; } #leftlinkList a span { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } #leftlinkList .linkList { background:url(img/leftlinkList/leftlinkList_linkList.jpg) repeat-y; padding:6px 20px 23px 63px; margin-top:-3px; width:203px; zoom:1 } #leftlinkList .linkList li { border-bottom:1px dotted #adadad; padding:5px 0; display:block; } #leftlinkList .linkList li a { background: url(img/listBullets/bullet_arrow_green.gif) no-repeat scroll 0 center; padding:0 0 0 20px; margin: 0; display:block; width:auto } #leftlinkList .linkList li a.header { text-decoration: none; cursor: pointer; } #leftlinkList .linkList li ul { background:none; padding:0 0 5px 11px; } #leftlinkList .linkList li div { border:none; padding:5px 0 0 20px } #leftlinkList .linkList li div a { background:none; padding:0; margin:2px 0 6px; font-weight:normal} #leftlinkList .organisations { background: url(img/leftlinkList/leftlinkList_organisations.jpg) no-repeat; height:50px; padding:0; width:286px; margin:0; } #leftlinkList .liensUtils { background: url(img/leftlinkList/leftlinkList_liensUtils.jpg) no-repeat; height:50px; padding:0; width:286px; margin:0; } #leftlinkList .decouvrez { background: url(img/leftlinkList/leftlinkList_decouvrez.jpg) no-repeat; height:65px; } #leftlinkList .placement { background: url(img/leftlinkList/leftlinkList_placement.jpg) no-repeat; height:73px; } #leftlinkList .abonnez { background: url(img/leftlinkList/leftlinkList_abonnez.jpg) no-repeat; height:83px; } #leftlinkList .profil { background: url(img/leftlinkList/leftlinkList_profil.jpg) no-repeat; height:73px; } /* Promo --------------------------------------------------------------- */ #leftlinkList li.promo { background: url(img/leftlinkList/leftlinkList_linkList.jpg); display: block;} #leftlinkList li.promo a { padding-left: 2px;} #leftlinkList li.promo a img { margin: 0 auto; display: block; text-align: center;} /* pageAccueil --------------------------------------------------------------- */ #grandsDossiers { background:#f9f9f7 url(img/bg_grandsDossiers.jpg) no-repeat bottom; width:654px; padding:0px 0px 20px 0px; overflow:hidden; } #grandsDossiers h3 { background: url(img/pageTitle/pageTitle_dossiers.jpg) no-repeat; width:654px; height:37px; margin:0 0 13px; } #grandsDossiers h3 a { display:block; width:205px } #grandsDossiers ul { margin:0; list-style-type:none; width:315px; padding:10px 40px 0px 39px; } #grandsDossiers li { border-bottom:1px dotted #adadad; padding:5px 0 5px 0 } #grandsDossiers li a { background: url(img/listBullets/bullet_arrow_rouge.gif) no-repeat scroll 0 center; padding:0 0 0 20px; display:inline; width:auto } #grandsDossiers p { font-size:24px; line-height:1em; padding:0 40px 0 38px; margin:0 } #Nouvelles { width:257px; float:left; padding:20px 30px 30px 40px } #Nouvelles h3 { margin:0 0 5px; } #Nouvelles h3 a { display:block; padding:0; margin:0; } #Nouvelles h4 { font-size:11px } #Nouvelles span { font-size:10px } #Nouvelles .highlight { font-size:14px; color:#721f15; } #Articles { width:257px; float:right; padding:20px 40px 30px 30px } #Articles h3 { margin:0 0 5px; } #Articles h3 a { display:block; padding:0; margin:0; } #Articles h4 { font-size:11px } #Articles span { font-size:10px } #Articles .highlight { font-size:14px; color:#378fcf; } /* pageTitle --------------------------------------------------------------- */ .pageTitle_nouvelles { background: url(img/pageTitle/pageTitle_nouvelles.jpg) no-repeat; width:205px; height:30px; } .pageTitle_articles { background: url(img/pageTitle/pageTitle_articles.jpg) no-repeat; width:135px; height:30px;; } .pageTitle_grands-dossiers { background: url(img/pageTitle/pageTitle_grands-dossiers.jpg) no-repeat; width:500px; height:35px; } .pageTitle_404 { background: url(img/pageTitle/pageTitle_404.jpg) no-repeat; width:500px; height:35px; } .pageTitle_recherche { background: url(img/pageTitle/pageTitle_recherche.jpg) no-repeat; width:500px; height:35px; } .pageTitle_liens { background: url(img/pageTitle/pageTitle_liens.jpg) no-repeat; width:500px; height:35px; margin-bottom:0 } .pageTitle_region-au-travail { background: url(img/pageTitle/pageTitle_region-au-travail.jpg) no-repeat; width:500px; height:35px; } .pageTitle_CLDEM { background: url(img/pageTitle/pageTitle_CLDEM.jpg) no-repeat; width:500px; height:35px; } .pageTitle_commission-scolaire { background: url(img/pageTitle/pageTitle_services-aux-entreprises-csa.jpg) no-repeat; width:500px; height:35px; } .pageTitle_nos-partenaires { background: url(img/pageTitle/pageTitle_nos-partenaires.jpg) no-repeat; width:500px; height:35px; } .pageTitle_emplois-quebec { background: url(img/pageTitle/pageTitle_emplois-quebec.jpg) no-repeat; width:500px; height:35px; } .pageTitle_choisir-de-travailler { background: url(img/pageTitle/pageTitle_choisir-de-travailler.jpg) no-repeat; width:500px; height:35px; } .pageTitle_profil-socio-economique { background: url(img/pageTitle/pageTitle_profil-socio.jpg) no-repeat; width:500px; height:35px; } .pageTitle_qualite-de-vie { background: url(img/pageTitle/pageTitle_qualite-de-vie.jpg) no-repeat; width:500px; height:35px; } .pageTitle_nouvelle-recente { background: url(img/pageTitle/pageTitle_nouvelle-recente.jpg) no-repeat; width:500px; height:35px; } .pageTitle_nouvelles-archivees { background: url(img/pageTitle/pageTitle_nouvelles-archivees.jpg) no-repeat; width:500px; height:35px; } .pageTitle_autres-nouvelles { background:url(img/pageTitle/pageTitle_autres-nouvelles.jpg) no-repeat; width:653px; height:75px; margin-left:-40px; margin-bottom:10px } .pageTitle_article-recent { background: url(img/pageTitle/pageTitle_article-recent.jpg) no-repeat; width:500px; height:35px; } .pageTitle_articles-archives { background: url(img/pageTitle/pageTitle_articles-archives.jpg) no-repeat; width:500px; height:35px; } .pageTitle_autres-articles { background:url(img/pageTitle/pageTitle_autres-articles.jpg) no-repeat; width:653px; height:75px; margin-left:-40px; margin-bottom:5px } .pageTitle_secteurs-activites { background: url(img/pageTitle/pageTitle_secteurs-activites.jpg) no-repeat; width:500px; height:35px; } .pageTitle_emplois-strategiques { background: url(img/pageTitle/pageTitle_emplois-strategiques.jpg) no-repeat; width:500px; height:35px; } .pageTitle_stages-dans-la-region { background: url(img/pageTitle/pageTitle_stages-dans-la-region.jpg) no-repeat; width:500px; height:35px; } .pageTitle_lexique { background: url(img/pageTitle/pageTitle_lexique.jpg) no-repeat; width:500px; height:35px; } .pageTitle_boite-a-outils { background: url(img/pageTitle/pageTitle_boite-a-outils.jpg) no-repeat; width:500px; height:35px; } .pageTitle_repertoire-des-entreprises { background: url(img/pageTitle/pageTitle_repertoire-des-entreprises.jpg) no-repeat; width:500px; height:35px; } .pageTitle_plan-du-site { background: url(img/pageTitle/pageTitle_plan-du-site.jpg) no-repeat; width:500px; height:35px; } .pageTitle_foire-aux-questions { background: url(img/pageTitle/pageTitle_foire-aux-questions.jpg) no-repeat; width:500px; height:35px; } .pageTitle_contactez-nous { background: url(img/pageTitle/pageTitle_contactez-nous.jpg) no-repeat; width:500px; height:35px; } .pageTitle_conditions-utilisation { background: url(img/pageTitle/pageTitle_conditions-utilisation.jpg) no-repeat; width:500px; height:35px; } .pageTitle_politique-vie-privee-confidentialite { background: url(img/pageTitle/pageTitle_politique-vie-privee-confidentialite.jpg) no-repeat; width:500px; height:35px; } .pageTitle_decouvrez-la-mrc { background: url(img/pageTitle/pageTitle_decouvrez-la-mrc.jpg) no-repeat; width:504px; height:35px; } /* ficheTitle --------------------------------------------------------------- */ .ficheTitle_title { background: url(img/ficheTitle/ficheTitle_entreprises.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_propos { background: url(img/ficheTitle/ficheTitle_propos.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_travailler { background: url(img/ficheTitle/ficheTitle_travailler.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_outils { background: url(img/ficheTitle/ficheTitle_outils.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_nouvelles { background: url(img/ficheTitle/ficheTitle_nouvelles.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_liens { background: url(img/ficheTitle/ficheTitle_liens.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_lexique { background: url(img/ficheTitle/ficheTitle_lexique.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_emplois { background: url(img/ficheTitle/ficheTitle_emplois.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_articles { background: url(img/ficheTitle/ficheTitle_articles.jpg) no-repeat; width:280px; height:30px; display: } .ficheTitle_faq { background: url(img/ficheTitle/ficheTitle_faq.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_contact { background: url(img/ficheTitle/ficheTitle_contact.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_recherche { background: url(img/ficheTitle/ficheTitle_recherche.jpg) no-repeat; width:280px; height:30px; } .ficheTitle_sitemap { background: url(img/ficheTitle/ficheTitle_sitemap.jpg) no-repeat; width:280px; height:30px; } /* Nouvelles --------------------------------------------------------------- */ #mostRecentNews { margin: 0 0 0 0; border:none;} .newsHolder { overflow: hidden; border-bottom:1px dotted #adadad; margin: 0 0 15px 0; clear: both; padding:5px 0px 20px 0px; height: 1%; } .newsHolder .imageHolder { float: left; padding:0 0 8px 0; margin: 0 15px 5px 0; width: 100px; height: 70px; overflow:hidden } .newsHolder .date { font-size: 11px; font-weight:bold; margin: 0; padding:0; } .newsHolder .title { font-size: 14px; margin: 0 0 15px 0; } .newsHolder .title a { color:#721F15; } .newsHolder .link_wrapper { clear: both; padding: 10px 0 0 0; } .newsHolder .pdf_link { background: url(img/icons/pdf.png) no-repeat; padding: 3px 0 0 20px; height: 16px; display: block; } .newsHolder .external_link { background: url(img/icons/link_external.png) no-repeat; padding: 3px 0 0 20px; height: 16px; display: block; } .newsHolder p { margin: 0 0 10px 0; text-align: left; } .newsHolder img { background:url(img/thumb_shadow.jpg) no-repeat left bottom; width: 100px; height: 70px; padding:0 0 8px 0; float: left; margin: 0; } /* Liste société ----------------------------------------------------------------- */ div.list_entreprise { margin: 5px 0 10px 5px; padding: 0 10px 5px 10px; border-left: 3px solid lightBlue; overflow:hidden; zoom:1; background: transparent url(img/brd_contentHolder.gif) repeat-x scroll center bottom; } div.postuler { padding: 2px 5px; margin-right: 10px; float: right; border: 1px solid lightBlue; background-color: lightgoldenRodYellow; } div.alternate { border-left: 3px solid Gold} div#entListCont div.list_entreprise h5 { background-image:url(http://labs.google.com/ridefinder/images/mm_20_yellow.png); background-repeat: no-repeat; background-position: top left; padding-left: 19px; height: 20px; margin-bottom: 0px } div#entListCont div.list_entreprise h5:hover { background-image:url(http://labs.google.com/ridefinder/images/mm_20_red.png); } /* Lexique --------------------------------------------------------------- */ #lexiqueHeader { background-color: #eee; padding: 5px; text-align: center; } #letterBar { height: 20px; line-height: 20px; vertical-align: middle; font-weight: bold; margin: 0 20px} #letterBar a:hover { font-size: 1.5em; } #letterBar a { display: block; float: left; width: 21px; } #letterBar a.active { font-size: 1.5em; display: block; float: left; width: 15px; } #lexiqueError { font-weight: bold; text-align: center; margin: 20px 0 0 0; } #load_img { margin: 25px auto 0 auto; display: block; } .bigLetter { background-color: #eee; padding: 5px 8px; font-size:14px; font-weight:bold; } #lexiqueContent { background: url(img/brd_contentHolder.gif) top repeat-x; margin:8px 0; padding:20px 0 0;} #lexiqueContent dl { margin: 10px 0 20px 0; } #lexiqueContent dl dt { margin: 5px 0 0; } #lexiqueContent dl dd { margin: 5px 0 15px; } /* Répertoire des entreprises --------------------------------------------------------------- */ #RepertoireHeader { background-color: #eee; padding: 5px; text-align: center; } img.thumb { float: left; border: 1px solid lightGrey; padding: 2px; margin: 0 10px 1px 0;} #letterBarRep { text-align: center; height: 20px; line-height: 30px; vertical-align: middle; font-weight: bold; margin: 15px auto; background-color: #eee; height: 30px } #letterBarRep a:hover { font-size: 1.5em; } #letterBarRep li { display: block; float: left; width: 20px; background: none; padding: 0 } #letterBarRep a.active { font-size: 1.5em; display: block; float: left; width: 15px; } #letterBarRep li.first { width: 35px} .mainContent ul.parville { margin-left: 75px;} .mainContent ul.parville li { background: none;} .mainContent ul.parville input { vertical-align: bottom;} .btn_search { background:url(img/btn_search.png) no-repeat; border:0; width:87px; height:22px; margin:4px 9px 0 0;padding:0 8px 3px 0;} #repAdresse { border: 1px solid lightGrey; padding: 2px; margin-top: 5px; background-color: #FAFAFA; position: relative; } #repAdresse h5 { font-size : 11px; margin-left: -4px;} #repAdresse div { width : 55%;} #repAdresse ul { position: absolute; margin: 7px 0 0 0; top: 0; right: 8px;} #repAdresse ul li { background: none;} #repAdresse p { margin: 5px 0 5px 5px;} ul#btn_box { border: 1px solid lightGrey; padding: 2px; background-color: #FAFAFA; margin: 7px 0 15px -5px; overflow: hidden;} ul#btn_box li { background: none; float: left; margin: 2px 9px 2px 0; padding: 0 0 0 9px } ul#btn_box li { border-left: 1px solid lightGrey; } /* Articles --------------------------------------------------------------- */ #mostRecentArticle { margin: 0 0 0 0; border:none; padding:0 } .articleHolder { overflow: hidden; border-bottom:1px dotted #adadad; margin: 0 0 10px 0; clear: both; padding:5px 0px 20px 0px; height: 1%; } .articleHolder .date { font-size: 11px; font-weight:bold; margin: 0; padding:0; } .articleHolder .title { font-size: 14px; margin: 0 0 10px 0; } .articleHolder .title a { color:#721F15; } .articleHolder .category { margin: 0 0 0 0; } .articleHolder p { margin: 0 0 10px 0; text-align: left; } .articleHolder img { float: left; margin: 0 10px 0 0; } /* Dossiers --------------------------------------------------------------- */ .dossierHolder { overflow: hidden; border-bottom:1px dotted #adadad; margin: 0 0 10px 0; clear: both; padding:5px 0px 20px 0px; height: 1%; } .dossierHolder .title { font-size: 14px; margin: 0 0 10px 0; } .dossierHolder .title a { color:#721F15; } .dossierHolder .lien { background: url(img/icons/link_external.png) no-repeat; padding: 3px 0 0 20px; height: 16px; margin: 0 0 0 10px; } .dossierHolder .more_article { background: url(img/icons/link_external.png) no-repeat; padding: 3px 0 0 20px; height: 16px; margin: 0 0 0 10px; } .dossierHolder .more_outil { background: url(img/icons/link_external.png) no-repeat; padding: 3px 0 0 20px; height: 16px; margin: 0 0 0 10px; } /* Liens --------------------------------------------------------------- */ .liensHolder { overflow: hidden; clear: both; padding:0; height: 1%; } .liensHolder .title { font-size: 14px; margin: 0 0 10px 0; padding:20px 0 0 } .liensHolder .title a { color:#721F15; } .liensHolder .lien { background: url(img/icons/link_external.png) no-repeat; padding: 3px 0 0 20px; height: 16px; margin: 0 0 0 10px; } .dossierHolder .more_article { background: url(img/icons/link_external.png) no-repeat; padding: 3px 0 0 20px; height: 16px; margin: 0 0 0 10px; } .dossierHolder .more_outil { background: url(img/icons/link_external.png) no-repeat; padding: 3px 0 0 20px; height: 16px; margin: 0 0 0 10px; } /* FAQ --------------------------------------------------------------- */ #faqHolder h4 { border-bottom: 1px dotted black; margin: 15px 0 0 0; } .faqHolder .faq_question { font-weight: bold; margin: 5px 0 3px 0; } .faqHolder .faq_answer { margin: 0 0 20px 0; } /* Carte de géolocalisation --------------------------------------------------------------- */ #mapsearch_holder { background: url(img/bg_searchBox-bottom.jpg); height: 105px; } #mapsearch_holder p { font-weight: bold; } #mapsearch_secteur { width: 45%; float: left; } #mapsearch_type { width: 45%; float: right; } #google_map { background: white; clear: both; border: 1px solid lightGrey; padding: 4px; } .google_map_title{ font-size:11px; font-weight:bold; } .google_map{ font-size:10px; line-height:normal; float: right; overflow: hidden; background-color: white; } #mapHolder { margin: 2px 10px 5px 4px; /*-margin: 2px 5px 5px 4px;*/ padding: 0 5px; display:inline; } .google_map_link{ color:#888; text-decoration:underline; } /* Contact --------------------------------------------------------------- */ #photoBuilding { background: url(img/photoBuilding_CLDEM.jpg) no-repeat; width:654px; height:224px; padding:0; } #contactHolder { overflow: hidden; } #contact_form label { display: block; margin: 0 0 2px 0; } #contact_form fieldset { border: 0; } #contact_form .fieldWrap { margin: 0 0 10px 0; } #contact_form .fieldWrap input { padding: 5px; width: 300px; border: 1px solid #dedede; background-color: #fafafa; } #contact_form textarea { padding: 3px; width: 400px; border: 1px solid #dedede; background-color: #fafafa; margin-top: 0; } .error p.error_header { font-weight: bold; } .error span { font-weight: bold; } .confirm_message { text-align: center; font-weight: bold; margin-top: 60px; } #contactHolder img { float: left; width: 250px; margin: 0 5px 0 0; } #contactHolder strong { font-weight: bold; } #ficheEntreprise .contact_text { margin:0 15px 5px 21px; padding-bottom:10px } #ficheEntreprise .contact_text span { font-weight: bold; display:block; margin:0 0px 5px 0; } /* pageFooter --------------------------------------------------------------- */ #pageFooter { background:url(img/bg_pageFooter.jpg) repeat-x; padding-top:13px; min-width:1060px; } #pageFooter_holder { width:920px; margin:0 auto; padding:0 20px; height:55px; overflow:hidden; } #bottomLinklist { float:left; } #bottomLinklist li { float:left; } #bottomLinklist a { padding:0 7px; color:#eee; border-left:solid #eee 1px } #bottomLinklist a:hover { text-decoration:underline; color:#fff } #bottomLinklist a.noBorder { border:none; padding-left:0 } #engagement { clear:left; margin:0 } #engagement a { color:#eee; font-weight:normal; border:none; padding:0 } #signatureCyber { padding:0; font-weight:bold; float:right; text-align:right; color:#eee } #signatureCyber p { padding:0; margin:0 } #signatureCyber a { padding:0; font-weight:normal; text-decoration:none; color:#eee} #signatureCyber a:hover { text-decoration:underline; color:#fff } address { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; }