/* Theme Name: Patrick Huot Theme URI: http: //www.patrickhuot.ca/ Description: Wordpress Theme for Patrick Huot Version: 1.0 Author: Author URI: */ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote: before, blockquote:after, q: before, q:after { content: ''; content: none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } address { font-style: normal; } *:focus {outline: 0;} /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ #main:after, .section-header-container:after, .content-mid:after, .droite-mid:after, .rss-item-mid:after, ul.video-links:after, .metadata:after, #informations:after, #enonce:after, #phuot_recent li:after, form#leformulaire:after, #coords:after, #contactez-form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ html { background: #2c6693 url(img/bg_body.gif) top center repeat-y; } body { background: url(img/bg_html.jpg) center 133px no-repeat; font: 62.5% Arial, Helvetica, sans-serif; text-align: center; } hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; } a { cursor: pointer; } a:link, a:visited { color: #00f; text-decoration: underline; } a:hover, a:active { color: #f00; text-decoration: none; } textarea { resize: none; } /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #wrapper { width: 1250px; background: #2c6693 url(img/bg_body.gif) top center repeat-y; margin: 0 auto; } #container { width: 1027px; margin: 0 auto; position: relative; text-align: left; background: url(img/bg_container_mid.gif) top left repeat-y; } .container-top { background: url(img/bg_container_top.jpg) 0 133px no-repeat; position: relative; } #entete { height: 133px; padding-left: 42px; background: url(img/bg-entente.jpg) top left no-repeat; } #main { padding: 4px 39px 18px 44px; position: relative; z-index: 4; } .main-top { background: url(img/bg_main_white_top.png) top left no-repeat; padding-top: 10px; } .main-bot { background: url(img/bg_main_white_bot.png) bottom left no-repeat; padding-bottom: 10px; } .main-mid { background: url(img/bg_main_white_mid.png) top left repeat-y; padding: 5px 20px 20px 20px; } #main .content { width: 527px; float: left; padding: 0; } .content-top { background: url(img/bg_content_top.png) top left no-repeat; padding-top: 10px; } .content-bot { background: url(img/bg_content_bot.png) bottom left no-repeat; padding-bottom: 10px; } .content-mid { background: url(img/bg_content_mid.png) top left repeat-y; padding: 2px 21px; } .content .content-item { padding: 20px 0 8px; background: url(img/bg_content_item.gif) bottom left repeat-x; } #main .droite { width: 413px; float: right; } .droite-top { background: url(img/bg_sidebar_top.png) top left no-repeat; padding-top: 10px; width: 408px; } .droite-bot { background: url(img/bg_sidebar_bot.png) bottom left no-repeat; padding-bottom: 10px; } .droite-mid { background: url(img/bg_sidebar_mid.png) top left repeat-y; padding: 0 10px 0 10px; } a.prix {text-indent:-9999em;z-index: 1000; background: url("img/btnPrixFerland.gif") left top no-repeat; position: absolute; top: 0pt; left: 0pt; display: block; width: 169px; height: 167px;} a.prix:hover {background: url("img/btnPrixFerland.gif") left bottom no-repeat;} #main { z-index: 2; } /* Sticky Footer */ html, body { height: 100%; } #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -174px; } #piedpage, .push { height: 174px; } #piedpage { width: 1031px; margin: 0 auto; } #piedpage .piedpage-container1 { width: 1027px; margin: 0 auto; background: url(img/bg_piedpage.gif) top left no-repeat; height: 174px; text-align: left; position: relative; z-index: 1; } #piedpage .piedpage-container2 { position: absolute; top: 0; left: 0; } #piedpage .container-fade { width: 1027px; height: 132px; background: url(img/bg_container_bot.png) top left no-repeat; position: absolute; top: -132px; left: 0; z-index: 3; } /* Page Specific */ .body-home .container-top, .body-vanier .container-top { background: url(img/bg_container_top_map.jpg) 0 133px no-repeat; } .body-home #main, .body-vanier #main { background: url(img/bg_main.png) top left no-repeat; } .body-priorites .content-top { background: url(img/bg_content_white_top.png) top left no-repeat; padding-top: 10px; } .body-priorites .content-bot { background: url(img/bg_content_white_bot.png) bottom left no-repeat; padding-bottom: 10px; } .body-priorites .content-mid { background: url(img/bg_content_white_mid.png) top left repeat-y; padding: 2px 17px; } .body-contact .content-mid { padding: 2px 14px; } .body-contact .droite-mid { padding: 0 9px; } .body-priorites .droite-top { background: url(img/bg_sidebar_white_top.png) top left no-repeat; padding-top: 10px; width: 408px; } .body-priorites .droite-bot { background: url(img/bg_sidebar_white_bot.png) bottom left no-repeat; padding-bottom: 10px; } .body-priorites .droite-mid { background: url(img/bg_sidebar_white_mid.png) top left repeat-y; padding: 0 16px; } /* 2.1 Header -----------------------------------------------------------------------------------------------*/ /* Logo */ #entete .site-logo { position: absolute; top: 0; left: 42px; } #entete .site-logo a { display: block; position: relative; width: 233px; height: 133px; font: bold 2.5em/1em 'Trebuchet MS', Arial, sans-serif; color: #fff; text-decoration: none; } #entete .site-logo a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(img/patrick_huot.jpg) top left no-repeat; } /* Menu */ #menu { position: absolute; top: 74px; left: 301px; width: 648px; height: 59px; } #menu li { display: inline; } #menu li a { display: block; position: relative; float: left; font-size: 1.4em; color: #fff; overflow: hidden; text-indent: -9999em; height: 59px; } #menu li a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(img/bg_menu.png) top left no-repeat; } #menu li.menu-home a { width: 79px; } #menu li.menu-vanier a { width: 105px; } #menu li.menu-blogue a { width: 97px; } #menu li.menu-photos a { width: 73px; } #menu li.menu-priorites a { width: 78px; } #menu li.menu-organismes a { width: 101px; } #menu li.menu-contact a { width: 114px; } #menu li.menu-home a span { background-position: 0 0; } #menu li.menu-vanier a span { background-position: -79px 0; } #menu li.menu-blogue a span { background-position: -184px 0; } #menu li.menu-photos a span { background-position: -281px 0; } #menu li.menu-priorites a span { background-position: -354px 0; } #menu li.menu-organismes a span { background-position: -432px 0; } #menu li.menu-contact a span { background-position: -533px 0; } #menu li.menu-home a:hover span, #menu li.menu-home a.selected span { background-position: 0 -59px; } #menu li.menu-vanier a:hover span, #menu li.menu-vanier a.selected span { background-position: -79px -59px; } #menu li.menu-blogue a:hover span, #menu li.menu-blogue a.selected span { background-position: -184px -59px; } #menu li.menu-photos a:hover span, #menu li.menu-photos a.selected span { background-position: -281px -59px; } #menu li.menu-priorites a:hover span, #menu li.menu-priorites a.selected span { background-position: -354px -59px; } #menu li.menu-organismes a:hover span, #menu li.menu-organismes a.selected span { background-position: -432px -59px; } #menu li.menu-contact a:hover span, #menu li.menu-contact a.selected span { background-position: -533px -59px; } /* Social links */ #social { position: absolute; top: -8px; left: 309px; width: 56px; height: 16px; } #social li { display: inline; } #social li a { display: block; float: left; position: relative; height: 16px; overflow: hidden; } #social li a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(img/bg_social_media_icons.gif) top left no-repeat; } #social li.social-facebook a { width: 18px; } #social li.social-rss a { width: 20px; } #social li.social-twitter a { width: 18px; } #social li.social-facebook a span { background-position: 0 0; } #social li.social-rss a span { background-position: -18px 0; } #social li.social-twitter a span { background-position: -38px 0; } /* Newsletter */ #bulletin_mensuel { position: absolute; width: 581px; height: 36px; top: 0; left: 403px; } #bulletin_mensuel p, #bulletin_mensuel form, #bulletin_mensuel ol, #bulletin_mensuel ol li { display: inline; } #bulletin_mensuel p { width: 350px; float: left; padding-top: 9px; font-size: 1.1em; color: #265d89; } #bulletin_mensuel p strong { display: block; float: left; width: 142px; height: 14px; background: url(img/txt_suivez_votre_depute.gif) top left no-repeat; margin: -1px 8px 0 0; text-indent: -9999em; } #bulletin_mensuel form { float: right; width: 227px; background: url(img/bg_newsletter.gif) top right no-repeat; } #bulletin_mensuel form input.newsletter-input { width: 160px; float: left; margin: 7px 0 0 12px; padding: 2px 5px; border: 0; background: transparent; font: 1em Tahoma, Arial, sans-serif; letter-spacing: 0.2px; } #bulletin_mensuel form input.newsletter-submit { width: 38px; height: 30px; background: url(img/bg_newsletter.gif) top right no-repeat; float: right; text-indent: -9999em; cursor: pointer; border: 0; } #bulletin_mensuel #bulletin_txt2 { width: 230px; height: 42px; background: url(img/ade.png) no-repeat left top; position: absolute; top: 33px; right: 7px; text-indent: -9999em; } #bulletin_mensuel #bulletin_txt3 { width: 230px; height: 42px; background: url(img/adi.png) no-repeat left top; position: absolute; top: 33px; right: 7px; text-indent: -9999em; } #bulletin_mensuel #bulletin_txt4 { font-size: 1.1em; color: #265d89; text-align: center; padding-top: 7px; } /* Recherche */ #recherche { position: absolute; width: 581px; height: 36px; top: 0; left: 403px; } #searchform { float: right; width: 227px; background: url(img/bg_recherche.png) top right no-repeat; } #searchform input#s { width: 160px; float: left; margin: 7px 0 0 12px; padding: 2px 5px; border: 0; background: transparent; font: 1em Tahoma, Arial, sans-serif; letter-spacing: 0.2px; } #searchform input#searchsubmit { width: 38px; height: 30px; background: url(img/bg_recherche.png) top right no-repeat; float: right; text-indent: -9999em; cursor: pointer; border: 0; } .hidden { display: none; } /* 2.2 Content -----------------------------------------------------------------------------------------------*/ /* Common Styling*/ .content .content-item .content-title { padding-bottom: 22px; } .search .content .content-item .content-title { padding-bottom: 0px;} .content .content-item .content-title h3, .content .content-item .content-title h1 { color: #fff; font-size: 1.6em; font-weight: normal; } .content .content-item .content-title h3 a { color: #fff; text-decoration: none; } .content .content-item .content-title h3 a:hover { text-decoration: underline; } .content .content-item .content-title strong { color: #9ed9ff; font-size: 1.2em; } .content .content-item .content-title em { color: #fff; font-size: 1.2em; font-style: normal; } .content .content-item .content-text { padding-bottom: 5px; } .content .content-item p { margin-bottom: 15px; } .content .content-item p a { color: #9ed9ff; } .content .content-item p { font-size: 1.2em; line-height: 1.4; color: #fff; } .content .content-item li { color: #fff; } .content .agenda-1 { padding-top: 0; } .content .agenda-10 { background: none; } .content .metadata { background: url(img/bg_metadata.png) top left no-repeat; height: 31px; } .content .metadata span.metadata-comments { width: 49%; float: left; font-size: 1.1em; padding: 0; margin: 0; } .content .metadata span.metadata-comments a { color: #fff; font-size: 1.1em; padding: 0; margin: 0; } .content .metadata span.metadata-comments strong, .content .metadata span.metadata-comments em { display: block; float: left; } .content .metadata span.metadata-comments a em { font-style: normal; text-decoration: underline; } .content .metadata span.metadata-comments a:hover em { text-decoration: none; } .content .metadata span.metadata-comments strong { padding-right: 7px; font-size: 1.2727em; } .content .metadata span.metadata-comments span { display: block; padding: 8px 10px; } .content .metadata a.metadata-add { width: 40%; float: right; text-align: right; color: #d2f77b; text-decoration: none; } .content .metadata a.metadata-add:hover { text-decoration: underline; } .content .metadata a.metadata-add span { display: block; padding: 9px 32px; } /* Section header */ .section-header-container { position: relative; } #main .section-header { background: url(img/bg_header_right.png) 912px 0 no-repeat; padding-right: 32px; } #main .content .section-header { background: url(img/bg_header_right.png) 495px 0 no-repeat; } #main .droite .section-header { background: url(img/bg_header_right.png) 381px 0 no-repeat; } .section-header-container { background: url(img/bg_header_left.png) top left no-repeat; height: 45px; } .section-header h2 { color: #2e7cb0; font-size: 1.8em; font-weight: normal; display: block; float: left; padding: 8px 0 0 22px; } .section-header .section-link { color: #205d8b; font-weight: normal; display: block; float: right; padding: 10px 15px 0 0; font-size: 1.2em; } .section-header .section-link em { color: #a3a3a3; font-style: normal; } .section-header .section-link a { color: #205d8b; padding: 0 2px; text-decoration: none; } .section-header .section-link a:hover { text-decoration: underline; } .section-header .section-link ul, .section-header .section-link li { display: inline; } .section-header a.rss-link { display: block; position: absolute; top: 2px; right: -27px; width: 22px; height: 34px; background: url(img/ico_rss.png) top right no-repeat; text-indent: -9999em; } /* Google maps */ #google_map_intro_container { padding: 6px 0; position: relative; } #google_map { position: relative; width: 944px !important; height: 453px !important; margin: 0 auto; } #boutons_infos { position: relative; width: 298px; height: 28px; margin: 0 0 0 20px; padding: 11px 0 36px 80px; } #boutons_infos img { float: left; } #head { background-image: url(img/back_bande.png); } #actions { background: url(img/backAtivitesTop.png) no-repeat; margin: 0 auto; position: relative; width: 936px; padding: 14px 0 0 8px; margin-bottom: 49px; } #actions .bottomAction { position: absolute; bottom: -29px; left: 0px; background: url(img/backActivitesBottom.png) no-repeat; height: 29px; width: 936px; } #gmaps_infos { position: relative; /*z-index: 10; top: 38px; left: 506px;*/ width: 477px; } #gmaps_infos .section-header { background: url(img/bg_header_right.png) 442px 0 no-repeat; padding-right: 35px; } #gmaps_infos .section-header form, #gmaps_infos .section-header fieldset, #gmaps_infos .section-header ol, #gmaps_infos .section-header li { display: inline; } #gmaps_infos select { width: 240px; } #phuot_intro { display: block; position: absolute; z-index: 10; height: 348px; width: 273px; top: 10px; left: 35px; color: #FFFFFF; background: url(img/encadreHome.png) top left no-repeat; text-align: left; } #phuot_intro h2 { display: block; background: url(img/text_phuot_intro.png) top left no-repeat; width: 148px; height: 43px; text-indent: -9999em; margin: 13px 24px 5px 15px; } #introList, #phuot_intro p { padding: 0 25px 0 15px; } #introList li { line-height: 1.3; padding: 4px 0 4px 12px; font-size: 1.2em; background: url(img/puce.png) 0 0.7em no-repeat; } #introList li span { color: #08477e;font-weight: bold; } #phuot_intro_small { position: absolute; z-index: 10; height: 255px; width: 30px; top: 37px; left: 30px; color: #FFFFFF; padding: 10px 0 0 10px; background-repeat: no-repeat; } #realisations_link { background: url(img/ico_collapse.png) top left no-repeat; position: absolute; display: block; z-index: 20; cursor: pointer; width: 22px; height: 23px; right: 13px; top: 2px; } #phuot_recent_container { position: absolute; z-index: 10; height: 322px; width: 338px; top: 23px; right: 35px; color: #FFFFFF; text-align: left; /* background: url(img/bg_phuot_recent.png) 1px 15px no-repeat */; } #phuot_recent_container h2 { display: block; background: url(img/recentesActions.png) 20px 0 no-repeat; height: 19px; text-indent: -9999em; position: relative;} #phuot_recent_container h2 a { width: 110px; height: 19px; display:block; position:absolute; top: 0; right: 37px;} #phuot_recent { position: absolute; height: 310px; width: 240px; top: 10px; z-index: 12; color: #000000; padding: 5px 0 0 5px; margin-top: 4px; } #phuot_recent li, #phuot_recent a, #phuot_recent span, #map_realisation li, #map_realisation a, #map_realisation span { display: block; } #phuot_recent li { margin-top: -10px; } #phuot_recent a, #map_realisation a { width: 235px; height: 60px; background: url(img/bg_phuot_recent_item.png) top left no-repeat; text-decoration: none; border: 0; } #phuot_recent a:hover, #map_realisation a:hover { background-position: 0 -60px; } #phuot_recent span.projets_title, #map_realisation span.projets_title, #map_realisation strong.more { font-weight: bold; color: #45850a; margin: 6px 0 4px 0; } #phuot_recent span.projets_title, #map_realisation span.projets_title { font-size: 14px; } #phuot_recent span.projets_text, #map_realisation span.projets_text { color: #848484; } #phuot_recent a:hover span.projets_title, #phuot_recent a:hover span.projets_text, #map_realisation a:hover span.projets_title, #map_realisation a:hover span.projets_text, #map_realisation a:hover strong.more { color: #fff; } #phuot_recent .projets_img, #map_realisation .projets_img { margin-top: 5px; margin-left: 5px; float: left; width: 58px; height: 46px; position: relative; overflow: hidden; } #phuot_recent a .projets_img,#map_realisation .projets_img { float: left; margin: 10px 10px 0 10px; height: 96px; width: 122px;} #phuot_recent a .projets_bg, #map_realisation a .projets_bg { width: 58px; height: 46px; background: url(img/bg_projets_img.png) top left no-repeat; background-size: 100%; position: absolute; z-index: 2; top: 0; left: 0; } #phuot_recent a .projets_bg, #map_realisation a .projets_bg { background: url(img/bg_projets_img2.png) top left no-repeat; height:96px; width: 122px; } #phuot_recent a:hover .projets_bg, #map_realisation a:hover .projets_bg { width: 58px; height: 46px; background: url(img/bg_projets_img.png) 0 -46px no-repeat; } #phuot_recent a:hover .projets_bg,#map_realisation a:hover .projets_bg { background: url(img/bg_projets_img2.png) 0 -96px no-repeat; height:96px; width: 122px; } #phuot_recent .projets_img .number, #map_realisation .projets_img .number { position: absolute; bottom: 0; right: 0; color: #FFFFFF; width: 20px; display: block; text-align: center; font-weight: 900; padding-top: 5px; height: 16px; z-index: 10;} #map_realisation .projets_img .number { font-weight: bold; font-size: 13px; bottom: 2px;} #phuot_recent .projets_txt, #map_realisation .projets_txt { float: right; width: 150px; margin-right: 15px; font-size: 9px; padding-top: 2px; } #phuot_recent .projets_txt, #map_realisation .projets_txt { float: none; width: 282px; font-size: 11px; margin: 10px !important; } #map_realisation { position: relative; width: 940px; /*width: 500px; height: 306px; top: 44px; z-index: -1; background: url(img/bg_phuot_recent2.png) top left no-repeat; padding: 4px 0 0 5px;*/ } #map_realisation li { float: left; overflow: hidden;height: 161px; width: 309px;} #phuot_recent a, #map_realisation li a { display: block; width: 309px; height: 161px; background: url(img/bg_phuot_recent3_item.png) top left no-repeat; } #phuot_recent a:hover, #map_realisation li a:hover { background-position: 0 -163px; } ul.pagination { width: 111px; height: 40px; background: url(img/bg_pagination.png) no-repeat left top; /*position: absolute; bottom: 33px; right: 52px; z-index: 100;*/ margin: 20px 0 0;position: relative; left: 810px; } ul.pagination li { display: inline; } ul.pagination li strong { display: block; float: left; width: 53px; font-size: 1.2em; font-weight: normal; text-align: center; } ul.pagination li strong span { display: block; padding: 10px 0 0 10px; color: #2b72b3; } ul.pagination li strong em { font-style: normal; color: #757575; } ul.pagination li a { display: block; float: left; width: 25px; height: 27px; background: url(img/bg_pagination_buttons.gif) top left no-repeat; margin-top: 3px; text-indent: -9999em; } ul.paginationSearch { margin-top: 20px; } ul.paginationSearch li { display:inline;margin-right: 10px;} ul.paginationSearch a { color: #D2F77B; } ul.pagination li.pagination-next a { display: inline; float: right; background-position: -25px 0; margin-right: 8px; } /* Informations / Enonce */ #informations { padding: 0 43px; background: url(img/bg_informations.png) top left no-repeat; position: relative; z-index: 4; height:74px;} #btnVoirCarte { background: url(img/btnVoirCarte.png) no-repeat; display: block; height: 34px; position: absolute; text-indent: -9999em; width: 176px; } #newsletterContainer { background: url(img/bg_newsletter_medias.png) right top no-repeat; height: 74px; width: 100%; } #informations #introduction { width: 500px; float: left; padding-top: 14px; } #informations #introduction p { font-size: 1.2em; color: #fff; line-height: 1.2; } #informations ul { width: 225px; float: right; padding-top: 14px; } #boutons-infos { margin: 5px 0 0 15px; } #boutons-infos li { background: none; display: inline; } #boutons-infos li a { display: block; float: left; background: url(img/bg_presentation_links.png) top left no-repeat; width: 158px; height: 30px; text-indent: -9999em; } #boutons-infos li.buttons-infos-equipe a { width: 62px; background-position: -158px 0; } #enonce { /*background: url(img/bg_main.png) top left no-repeat;*/ padding: 17px 0 60px 75px; position: relative; z-index: 4; } #enonce h2 { display: block; width: 208px; height: 44px; float: left; background: url(img/txt_vanier.png) top left no-repeat; text-indent: -9999em; } #enonce p { float: right; width: 705px; padding-top: 8px; font-size: 1.3em; line-height: 1.4; color: #fff; } #enonce p a, #enonce p strong { color: #d0f669; font-weight: bold; text-decoration: underline; } #enonce p strong, #enonce p a:hover { text-decoration: none; } /* Homepage */ .body-home .content .content-item { padding-bottom: 5px; } .body-home .content .content-item .content-title { padding-bottom: 0; } .body-home .content .content-item .content-title strong { font-size: 1.6em; color: #fff; font-weight: normal; text-decoration:none; } .search .content .content-item .content-title strong a { font-size: 1.6em; color: #fff; font-weight: normal; padding-bottom: 10px; text-decoration:none; display:block; } .search .content .content-item .content-title strong a:hover { text-decoration: underline; } .body-home .content .content-item .content-title h3 { color: #d2f77b; font-size: 1.2em; font-weight: bold; } .search .content .content-item .content-title h3 { color: #d2f77b; font-size: 1.2em; font-weight: bold; } .body-home .content .content-item .content-title h3 a { color: #d2f77b; text-decoration: none; } .body-home .content .content-item .content-title h3 a:hover { text-decoration: underline; } .body-home .content .agenda-5, .body-home .content .agenda-7, .body-home .content .agenda-9 { width: 225px; float: left; clear: both; background: none; padding-bottom: 10px; } .body-home .content .agenda-6, .body-home .content .agenda-8, .body-home .content .agenda-10 { width: 225px; float: right; background: none; padding-bottom: 10px; } .body-home .content .agenda-7, .body-home .content .agenda-8, .body-home .content .agenda-9, .body-home .content .agenda-10 { padding-top: 10px; } .body-home #google_map_intro_container { position: relative; width: 100%; padding: 6px 0; text-align: center; } .body-home #google_map_intro { position: relative; width: 942px !important; height: 363px !important; margin: 0 auto; } .body-home #googlemap-top { background: url(img/bg_map_top.png) top left no-repeat; z-index: 5; position: absolute; top: 0; left: 1px; width: 1027px; height: 9px; } .body-home #googlemap-right { background: url(img/bg_map_right.png) top left no-repeat; z-index: 5; position: absolute; top: 9px; right: 0; width: 42px; height: 357px; } .body-home #googlemap-bot { background: url(img/bg_map_bot.png) top left no-repeat; z-index: 5; position: absolute; bottom: 0; left: 0; width: 1027px; height: 9px; } .body-home #googlemap-left { background: url(img/bg_map_left.png) top left no-repeat; z-index: 5; position: absolute; top: 9px; left: 0; width: 43px; height: 357px; } /* Subpages */ .body-vanier #googlemap-top { background: url(img/bg_map2_top.png) top left no-repeat; z-index: 5; position: absolute; top: 6px; left: 42px; width: 944px; height: 3px; } .body-vanier #googlemap-bot { background: url(img/bg_map2_bot.png) top left no-repeat; z-index: 5; position: absolute; bottom: 6px; left: 42px; width: 944px; height: 4px; } /* Comments */ #comments a { color: #fff; } #comments h3 { font-size: 1.8em; font-weight: normal; color: #9ed9ff; margin-bottom: 0; } #comments .comment-author { color: #fff; font-size: 1.2em; font-weight: normal; } #comments .comment-author cite { font-weight: normal; } #comments .comment-meta { padding-bottom: 10px; } #comments .comment-meta a { color: #fff; font-size: 1.2em; font-style: italic; font-weight: normal; } #comments .commentlist li { margin: 0; padding: 13px 0 5px; background: url(img/border_dotted_blue.gif) bottom left repeat-x; } /*#respond h3 { margin-bottom: 15px; } #respond p span { color: #fff; font-size: 1.0833em; font-weight: normal; } #respond .textarea_wrapper { height:97px; padding:10px;width:467px; background: url(img/bg_comments_textarea.jpg) no-repeat left top; } #respond textarea { height:97px; padding:0;width:467px;border:none;overflow:auto;color:#2D71AF; background:none;} #respond input { height:25px; padding:7px 5px 3px 5px;width:194px;border:none;color:#2D71AF;background: url(img/bg_comments_input.jpg) no-repeat left top; } #respond #submit { height:31px; padding:2px 5px 3px 0; width:204px;} */ /* Contactez */ #contactez-form input, #contactez-form textarea { border: 0; background: transparent; color: #2d71af; margin: 6px 0 0 10px; } #contactez-form li.contactez-input { height: 35px; background: url(img/bg_contactez_input.gif) top left no-repeat; } #contactez-form li.contactez-textarea { height: 117px; background: url(img/bg_contactez_textarea.gif) top left no-repeat; } #contactez-form li.contactez-half { width: 205px; height: 35px; float: left; background: url(img/bg_contactez_half.gif) top left no-repeat; } #contactez-form li.contactez-submit { width: 181px; float: left; } #contactez-form li.contactez-input input { width: 366px; } #contactez-form li.contactez-textarea textarea { width: 362px; height: 95px; } #contactez-form li.contactez-half input { width: 184px; } #contactez-form li.contactez-submit input { margin: 0; cursor: pointer; } #coords { padding: 12px 8px 10px 8px; } #coords h2 { padding-bottom: 12px; margin-bottom: 10px; background: url(img/border_dotted_blue.gif) bottom left repeat-x; color: #fff; font-size: 1.6em; } #coords .coords-bureau { width: 230px; float: left; } #coords .coords-hotel { width: 230px; float: right; } #coords h3 { color: #d2f77b; font-size: 1.2em; padding-bottom: 10px; } #coords p { color: #fff; font-size: 1.2em; } /* Forms */ #question .event .choixreponses .champautre { background: url(img/vospriorites/champ_autre.png) no-repeat left top; } #question .event .choixreponses .textarea_wrapper { background: url(img/vospriorites/champ_commentaires.png) no-repeat left top; } #question .event .choixreponses .champcommentaires { } #question .event .choixreponses .champcourriel { background: url(img/vospriorites/champ_courriel.png) no-repeat left top; } #colonne1 .question .champ_a { background: url(img/impliquezvous/champ_a.png) no-repeat right top; border:0px; padding:10px 10px 0px 12px; } #colonne1 .question .champ_b { background: url(img/impliquezvous/champ_b.png) no-repeat right top; border:0px; padding:0px 10px 0px 12px; } #colonne1 .question2 .champ_c { border:0px; padding:10px 0px 0px 12px; background: url(img/impliquezvous/champ_c.png) no-repeat right top; } #colonne1 .question .champ_d { border:0px; padding:10px 5px 12px 12px; float:left; background: url(img/impliquezvous/champ_d.png) no-repeat right top; } #colonne1 .question .champ_e { border:0px; float:left; padding:10px 0px 10px 12px; background: url(img/impliquezvous/champ_e.png) no-repeat right top; } #colonne2 .question .champ_f { border:0px; padding:10px 0px 10px 12px; background: url(img/impliquezvous/champ_f.png) no-repeat right top; } #colonne2 .question .champ_g { border:0px; padding:10px 0px 0px 12px; background: url(img/impliquezvous/champ_g.png) no-repeat right top; } #colonne2 .question .champ_a { border:0px; padding:0px 10px 0px 12px; background: url(img/impliquezvous/champ_a.png) no-repeat right top; } #colonne2 .question .champ_b { border:0px; padding:0px 10px 0px 12px; background: url(img/impliquezvous/champ_b.png) no-repeat right top; } #form-intro h3 { font-size: 1.7em; color: #4c8bc4; font-weight: normal; } #form-intro p { margin-bottom: 15px; color: #6c6c6c; font-size: 1.3em; } form#leformulaire { background: url(img/border_dotted_grey.gif) top left repeat-x; margin-top: 12px; padding-top: 18px; } form#leformulaire .gauche { width: 435px; float: left; display: inline; margin-left: 15px; } form#leformulaire .droite { width: 435px; float: right; } form#leformulaire .round_corner_num { width: 28px; height: 28px; background: url(img/bg_rounder_corner.gif) top left no-repeat; } form#leformulaire h3 { font-size: 1.7em; color: #4c8bc4; font-weight: normal; margin-bottom: 5px; } form#select-category { position: absolute; top: 6px; right: 40px; z-index: 25; } .jqTransformSelectWrapper { width: 223px !important; position:relative; height: 29px; background: url(img/select_left.png) no-repeat top left; float:left; } .jqTransformSelectWrapper div span { font-size: 12px; float: none; position: absolute; width: 192px !important; height: 29px; line-height: 15px; padding: 7px 0 0 14px; overflow: hidden; cursor:pointer; } .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: -29px; width: 58px; height: 29px; background: url(img/select_right.png) top right no-repeat; outline: none; } .jqTransformSelectWrapper ul { position: absolute; width: 220px !important; top: 28px; left: 8px; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0px; padding: 0px; height: 100px; overflow: auto; overflow-y: auto; z-index:20; text-align: left; } .jqTransformSelectWrapper ul a { display: block; padding: 5px; text-decoration: none; color:#333 !important; background-color: #FFF; font-size: 12px; text-decoration: none !important; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#3582c4 !important; color: #fff !important; } .jqTransformHidden {display: none;} /* Page components */ .wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li { margin-top:10px; } .question{ position: relative; } div.gallery { margin-bottom: 10px; padding: 0 !important; position: relative; width: 487px; } div.gallery div.next_go { position: absolute; bottom: 0; right: 0; width: 18px; height: 22px; background: url(img/gallery_next_go.png) no-repeat left top; cursor: pointer; } div.gallery div.next_nogo { position: absolute; bottom: 0; right: 0; width: 18px; height: 22px; background: url(img/gallery_next_nogo.png) no-repeat left top; } div.gallery div.prev_go { position: absolute; bottom: 0; right: 18px; width: 18px; height: 22px; background: url(img/gallery_prev_go.png) no-repeat left top; cursor: pointer; } div.gallery div.prev_nogo { position: absolute; bottom: 0; right: 18px; width: 18px; height: 22px; background: url(img/gallery_prev_nogo.png) no-repeat left top; } p.erreur-404 { text-align: center; padding-top: 15px; font-size: 1.2em; } .round_corner_num { height: 30px; width: 30px; position: absolute; top: -15px; left: -15px; background-color: #EEEEEE; color: #4c8bc4; line-height:30px; text-align: center; font-weight: 400; font-size: 14px; padding-left: 0px; } /* 2.3 Sidebar -----------------------------------------------------------------------------------------------*/ .droite .droite-video .rss-item-mid { padding: 0; } .droite .video-content { padding: 0 14px; } .droite .video-content strong { display: block; padding: 9px 0 5px; color: #fff; font-size: 1.3em; font-weight: normal; } .droite .video-content p { color: #fff; font-size: 1.1em; padding-bottom: 7px; } .droite .video-content ul.video-links li { display: inline; } .droite .video-content ul.video-links li a { display: block; float: left; width: 136px; height: 19px; background: url(img/bg_video_links.png) top left no-repeat; text-indent: -9999em;} .droite .video-content ul.video-links li.video-links-transcription a { width: 150px; background-position: -129px 0; } .droite .rss-item { background: url(img/bg_sidebar_item_top.png) top left no-repeat; padding-top: 10px; margin-top: 4px; } .droite .rss-item-bot { background: url(img/bg_sidebar_item_bot.png) bottom left no-repeat; padding-bottom: 10px; } .droite .rss-item-mid { background: url(img/bg_sidebar_item_mid.png) top left repeat-y; padding: 0 18px; } .droite .rss-item-icon { width: 15px; float: left; text-align: right; } .droite .rss-item-content { width: 328px; float: right; } .droite .rss-item-content h4 { font-weight: normal; font-size: 1.3em; color:#fff;} .droite .rss-item-content h4 a { color: #fff; text-decoration: none; } .droite .rss-item-content p { color: #b3b3b3; font-size: 1.1em; } .droite .rss-item-content p a { color: #d2f77b; text-decoration: none; } .droite .rss-item-content h4 a:hover, .droite .rss-item-content p a:hover { text-decoration: underline; } /* 2.4 Footer -----------------------------------------------------------------------------------------------*/ #piedpage .piedpage-assemblee, #piedpage .piedpage-coordonnees, #piedpage .piedpage-parlement, #piedpage .piedpage-web { float: left; display: inline; width: 212px; padding-top: 24px; } #piedpage .piedpage-assemblee { width: 223px; margin-left: 70px; padding-top: 18px; } #piedpage .piedpage-coordonnees { width: 234px; padding-top: 18px; margin-left: 20px; } #piedpage .piedpage-parlement { margin-left: 22px; } #piedpage .piedpage-web { margin-left: 24px; } #piedpage .piedpage-assemblee p { font-size: 3em; text-transform: uppercase; } #piedpage .piedpage-assemblee p a { display: block; width: 199px; height: 104px; position: relative; overflow: hidden; color: #fff; text-decoration: none; } #piedpage .piedpage-assemblee p a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(img/bg_assemblee.gif) top left no-repeat; } #piedpage .piedpage-coordonnees h4 { color: #fff; font-size: 1.8em; } #piedpage .piedpage-coordonnees h5, #piedpage .piedpage-parlement h5, #piedpage .piedpage-web h5 { font-size: 1.2em; color: #fff; padding-bottom: 10px; } #piedpage .piedpage-coordonnees p, #piedpage .piedpage-parlement p { font-size: 1.2em; line-height: 1.2; color: #fff; padding-bottom: 5px; } #piedpage .piedpage-web h5 { padding-bottom: 7px; } #piedpage .piedpage-web ul li { font-size: 1.2em; padding: 1px 0 1px 10px; background: url(img/bullet_footer.png) 0 0.5em no-repeat; } #piedpage .piedpage-web ul li a { color: #073757; text-decoration: none; } #piedpage .piedpage-web ul li a:hover { text-decoration: underline; }