/* Theme Name: Energie Sud 2009 Theme URI: http://www.energiesud.com Description: Refonte 2009 - Design Author: Mathieu Chartier Author URI: http://kindoweb.com Version: 4 . . [Table Of Contents] 0- Reset 1- Globals Tags 2- Global Structure 3- Forms 4- Headings 5- Header 6- Links 7- Navigation 8- Content 9- Aside Primary 10-Footer 11-Class 12-Extras 13- */ /* =0 Reset –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; color:#545554; } body { line-height:1.5; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; padding:5px; } table, td, th { vertical-align:middle; } th{background:#FFB25A; color:#FFFFFF;} blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img { border:none; } /* =1 Globals Tags –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ body { line-height: 1.5em; font: normal 12px Arial, Helvetica, sans-serif; vertical-align: top; background: #B2B6B7 url(/medias/img/pattern/pattern_site.png) repeat-x; color: #000; } p,ol,ul,li{ font-size:14px; line-height:18px;} /* =2 Global Structure –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #container{ width:765px; margin:0 auto; background:#FFFFFF;} #nav_global{ background:url(/medias/img/illustrations/illu_menu.png); width:765px; height:35px;} #home #summary{ width:765px; height:268px;background:url(/medias/img/illustrations/illu_summary-home.png) no-repeat; position:relative;} #summary{ width:765px; height:155px;background:url(/medias/img/illustrations/illu_summary.png) no-repeat; border-top:solid 4px #fff;position:relative;} #summary{ background:url(/medias/img/illustrations/illu_summary_02.jpg)} #schedule #summary, #horaire #summary{ background:url(/medias/img/illustrations/illu_summary_03.jpg)} #group-class #summary, cours-de-groupes #summary{ background:url(/medias/img/illustrations/illu_summary_11.jpg)} #contact #summary{ background:url(/medias/img/illustrations/illu_summary_05.jpg)} #subscription #summary, #abonnement-et-prix #summary{ background:url(/medias/img/illustrations/illu_summary_08.jpg)} #clothing-health-bar #summary, #vetement-bar-sante #summary{ background:url(/medias/img/illustrations/illu_summary_07.jpg)} #blogue #summary{ background:url(/medias/img/illustrations/illu_summary_08.jpg)} #sun-tanning #summary, #bronzage #summary{ background:url(/medias/img/illustrations/illu_summary_09.jpg)} #history #summary, #historique #summary{ background:url(/medias/img/illustrations/illu_summary_10.jpg)} #weight-training #summary, #musculation #summary{ background:url(/medias/img/illustrations/illu_summary_04.jpg)} #cardio #summary{ background:url(/medias/img/illustrations/illu_summary_12.jpg)} #zone-fitness-x-press #summary{ background:url(/medias/img/illustrations/illu_summary_13.jpg)} #spinning #summary{ background:url(/medias/img/illustrations/illu_summary_14.jpg)} #home #summary p{ clear:left; position:absolute; left:420px; top:95px; width:280px;} #home #content{background:url(/medias/img/illustrations/illu_content-home.jpg) no-repeat center bottom; width:765px; height:420px; } #home #facebook{ float:left; margin:35px 0 0 20px;} #home #promote{ width:422px; height:365px; float:right; margin-top:40px;} #home #promote #subscription{ float:left; margin-right:15px;} #home #promote #slider{ width:422px; height:146px; margin:20px 0 0 0; position: relative; overflow: hidden;} #home #promote #free_try{ margin:10px 0 ; } #sliderContent { width:422px; position: absolute; top: 0; margin-left: 0; } .sliderImage { float: left; position: relative; } .sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 396px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; font-size:12px; margin-top:4px; } .clear { clear: both; } .sliderImage span strong { font-size: 16px; margin:4px 0; display:block; font-family:Century Gothic; } .top { top: 0; left: 0; } .bottom { bottom: 0; left: 0; } #home #promote #slider ul { list-style-type: none; margin:0; padding:0; } #blogue #content{background:none; no-repeat center bottom; width:765px; } #home #content_primary{ margin:0; padding:0 0 40px;} #content_primary{ margin:50px 0 0 0; padding:0 80px 40px;} #blogue #content_primary, #group-class #content_primary, #cours-de-groupes #content_primary{ padding:0 0px 40px;} #schedule #content_primary, #horaire #content_primary{ padding:0 30px 40px;} #footer{ width:765px; float:left; background:url(/medias/img/illustrations/illu_footer.gif) center bottom no-repeat #5c5959; border-top:solid 4px #757272; position:relative; } #site_author{ width:765px; text-align:center; color:#FFFFFF; clear:left; margin:20px 0 0; height:40px; position:absolute; bottom:0; } /* =3 Forms –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #footer #newsleter input:focus, #footer #newsleter textarea:focus, #footer #newsleter select:focus {background-color:#FFFFFF; border:solid 1px #E96F35;} #footer #newsleter .submit:focus{ border:0;} /* =4 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ h1 { font: bold 2em Century Gothic; float:left; font-weight:normal; color:#e67e03; font-size:34px; position:absolute; left:420px; top:50px; } h2 { font: bold 1.5em Century Gothic; font-size:26px; color:#8a9091; font-weight:normal;background:url(/medias/img/illustrations/illu_h2.gif) left bottom no-repeat ; padding-bottom:48px; } h3 { font: bold 1.2em Arial, Century Gothic; margin-top:15px; } h4 { font: bold 1em Arial, Century Gothic; } h5 { font: bold 0.9em Arial, Century Gothic; } /*#abonnement-et-prix h1, #zone-fitness-x-press h1, #vetement-bar-sante h1{margin:14px 20px 0 410px;}*/ #blogue #content_primary h2{margin:0;} #content_primary h2{margin:40px 0 0 -80px;padding:0 0 48px 80px;} #group-class #content_primary h2, #cours-de-groupes #content_primary h2{margin:40px 0 0 0px;padding:0 0 48px 60px;} /* =5 Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #nav_global ul{ float:left; margin:10px 0 0 15px } #nav_global li{ float:left; list-style:none; margin: 0; line-height:24px;line-height:24px;} #nav_global li a, #nav_global li a:visited{ color:#FFFFFF; font-weight:bold; font-size:12px; font-family:Century Gothic; color:#595656; padding:0 12px; display:block; float:left; background:url(/medias/img/illustrations/illu_menu_li.gif) right bottom no-repeat; text-decoration:none; } #nav_global li a:hover{ color:#000;} #nav_global li.current a, #nav_global li a:hover{ color:#0c0c0c; font-weight:bold; background:url(/medias/img/illustrations/illu_menu_current.gif) repeat-x; border-top:solid 1px #FFF; border-left:solid 1px #FFF; border-right:solid 1px #FFF; text-decoration:none;} #blogue #blog_posts h2, #class_description h3{font-family:Century Gothic; color:#e67e03; font-size:20px; background:url(/medias/img/illustrations/illu_cours_h3.gif) no-repeat center top; height:27px; padding:33px 63px 0 65px; margin-top:0;} /* =6 Links –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ a:link, a:visited { color: #333; } a:hover { color: #111; } a:active { color: #111; } /*a[href$='.pdf'], a[rel='pdf'], a[rel*='pdf'], a[rel~='pdf']{ padding-right: 18px; background: transparent url(icon_pdf.gif) no-repeat center right; } a[href ^="mailto:"]{padding-right: 18px;background: transparent url(icon_mailto.gif) no-repeat center right;} a[class ="popup"]{ padding-right: 18px; background: transparent url(icon_popup.gif) no-repeat center right; } a[href$='.doc']{padding-right: 18px;background: transparent url(icon_doc.gif) no-repeat center right;} a[href$='.xls']{padding-right: 18px;background: transparent url(icon_xls.gif) no-repeat center right;} a[rel ~='external']{ padding-right: 18px; background: transparent url(icon_external.gif) no-repeat center right; }*/ /* =7 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =8 Content –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ illu_summary_garderie.jpg #home #summary p{ width:275px; margin:10px 0 0 420px; clear:both;} #content_primary p{ margin:15px 0 0 0; line-height:24px;} $blogue #content_primary p, #group-class #content_primary p, #cours-de-groupes #content_primary p{ margin:15px 40px;} #content_primary ul, #content_primary ol{ margin:15px 15px 0 20px;} #content_primary ul ul, #content_primary ol ul{ margin-bottom:20px;} #contact #content_primary label{ display:block;} #nursery #summary, #garderie #summary{ width:765px; height:155px;background:url(/medias/img/illustrations/illu_summary_garderie.jpg) no-repeat;} #halte_garderie{ background:transparent url(/medias/img/illustrations/illu_halte_garderie.jpg) no-repeat scroll 0 0;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:239px;margin:0 0 0 -65px;padding:20px 0;width:686px;} #halte_garderie p{ margin:40px 0 0 60px;} #halte_garderie img{ float:right; margin:28px 30px 1px 50px;} #group-class #content_primary img, #cours-de-groupes #content_primary img{ margin:28px;} #galerie-results ul{ margin:0; padding:0; list-style:none;} #galerie-results li.entry{ list-style:none; width:182px; float:left; margin:20px 18px 20px 0px; position:relative;} #galerie-results img {border:2px solid #999999;} #galerie-results {padding-bottom:25px;clear:both;} #galerie-filters {padding-bottom:25px;} #galerie-filters ul{list-style:none;margin-left:0px;} #galerie-filters li{display:block;line-height:18px;padding-left:10px;margin-left:10px;width:232px;float:left;} #galerie-filters li a {text-decoration:none;} #galerie-filters li.current{display:block;line-height:18px;padding-left:10px;text-decoration:none;background-color:#999999;width:232px;} #galerie-filters li.current a{color:#ffffff;} #blogue #blog_posts, #class_description{ list-style:none;} #blogue #blog_posts li, #class_description li{background:url(/medias/img/illustrations/illu_cours_content.gif) no-repeat center bottom ; width:693px; padding-bottom:40px;} #blogue #blog_posts li p, #class_description li p{ margin:10px 65px;} /* =8.1 Pagination –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ .pagination{ height:33px; line-height:33px; width:100%; clear:both; text-align:center;} .pagination h2{ display:none;} .pagination .note{ float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;} .pagination .note span{ font-weight:bold; margin:0 5px 0 0} .pagination .pagination_nav{ float:right;font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;line-height:20px;margin:5px 3px 0;} .pagination ul li{ float:left; list-style:none; width:23px; height:23px; margin:6px 2px 0 0; text-align:center; font-weight:bold;background:url(../img/components/comp_pag_02.jpg) no-repeat;} .pagination ul li.previous{ background:url(../img/components/comp_pag_previous.jpg) no-repeat;} .pagination ul li.current{background:url(../img/components/comp_pag_current.gif) no-repeat;} .pagination ul li.com_01{ background:url(../img/components/comp_pag_01.jpg) no-repeat;} .pagination ul li.com_02{background:url(../img/components/comp_pag_02.jpg) no-repeat;} .pagination ul li.com_03{background:url(../img/components/comp_pag_03.jpg) no-repeat;} .pagination ul li.next{background:url(../img/components/comp_pag_next.jpg) no-repeat;} .pagination ul li.next, .pagination ul li.previous{ text-indent:-9999px;} .pagination ul li a, .pagination ul li strong{ display:block; width:23px; height:23px; text-decoration:none;} .pagination ul li.current a, .pagination ul li.current { color:#FFFFFF; cursor:default;} /* =9 Aside Primary –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =10 Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #footer .section{ float:left; margin:0px 0 0 40px;} #footer .section li{ list-style:none; border-top: solid 2px #747171; width:135px; line-height:24px;} #footer .section li.child_1{ border:0;} #footer .section li a{ display:block; padding:0 0 0 5px; text-decoration:none; font-size:12px; color:#C5C1C1; font-weight:bold;} #footer .section li a:hover{ background:#e67e03; color:#2d2b2b;} #footer #newsleter{ float:left; width:257px ;background:url(/medias/img/illustrations/illu_newsletter.gif) center bottom no-repeat #747171; margin:0 0 0 70px; } #footer #newsleter h2{ background:none; text-align:left; } #footer #newsleter p, #footer #newsleter label{color:#c5c1c1; font-size:1.2em; margin:0 15px; display:block; line-height:20px;} #footer #newsleter label{ margin-top:5px;} #footer #newsleter input{ margin:0 15px; width:222px; background:#c7c6c6; border:0;} #footer #newsleter .submit{ text-align:center; margin-top:10px;width: 97px; height:20px; cursor:pointer; background:url(/medias/img/button/button_newslettert.gif) center center no-repeat; margin-left:75px;} #footer #newsleter legend{ display:none; } #footer h2{ font-family:century gothic, sans-serif; font-size:1.6em; font-weight:normal;background:url(/medias/img/illustrations/illu_h2_footer.gif) center bottom no-repeat #747171; width:155px; padding:10px 0; color:#343232; padding-left:15px;} #footer ul{ float:left; margin:15px 0 0 20px;} #footer li{ margin-right:10px;} #footer a{ color:#FFFFFF;} #footer form{ margin-bottom:30px;} #footer #site_author p{ margin:25px 0 0 0;} #energie-sud{ background:url(/medias/img/illustrations/illu_adresse.gif) right top no-repeat; width:230px; height:77px; clear:both; float:left; margin:10px 0 40px 475px; padding:0px 0 0 60px; color:#474444; font-weight:bold; font-size:1.2em;} #energie-sud h2, #energie-sud dt, .latitude, .longitude, .region, .postal-code, .country-name, .org{ display:none; height:1px;} .street-address{ float:left; margin:0;} .locality{ margin:0 0 0 5px; float:left;} .tel{ clear:left; margin:0; padding:0;} #footer dl{ margin-top:5px;} /* =11 Class –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ .right { float: right; } .left { float: left; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align:center; } .justify { text-align:justify; } .hide { display: none; } .clear { clear: both; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignleft { float:left; margin:4px 10px 4px 0; } img.alignright { float:right; margin:4px 0 4px 10px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .discover{ padding:0 40px;} /* =12 Extras –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =13 –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/