/* -------------------------------------------------------------- reset.css * Resets default browser CSS. -------------------------------------------------------------- */ 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; } body { line-height: 1.5; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } .AspNet-FormView {position:relative;} /**************************************************************/ /**************************************************************/ /* FORM.CSS /**************************************************************/ #formSearch {padding:0 0 0 5px;} #formSearch .label {float:left; display:block; padding:0 7px 0 0;} #formSearch .input {float:left; margin: -3px 0 0 0; } #formSearch .inText {border:1px solid #e70133;width:211px;height:18px;padding:0 2px;color:#666;} #formSearch .btn {float:left; margin: 0 1px 0 0; padding-top:4px;} .col .txtRecherche, #resultDetailsBlock .txtRecherche {border:1px solid #999999;color:#666666;width:153px;height:19px;padding:3px 3px 2px 3px;margin-right:2px;float:left;} #resultDetailsBlock .txtRecherche {width:210px;margin-left:8px;color:#db002a;} .col .btnRecherche,.col .btnRechercheResultat {float:left;} #resultDetailsBlock .inPrint {margin:8px 0px 12px 0px;} /**************************************************************/ html{ margin:0px; padding:0px; } body { margin: 0 0 0 0; background:url(../images/bgBody.jpg) top center repeat-y #a6a6a6;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /*************************************************** Typography, Image ***************************************************/ body, p, li {font-size:12px; line-height: 16px; color:#666666; font-family: Arial, Verdana, Helvetica, sans-serif; } h1 {font-size:16px; color:#333333; font-weight:normal; padding:20px 0px 10px 0;} h2 {font-size: 14px; font-weight:normal; color: #333333; clear:left; padding:10px 0 5px 0;} h3 { font-size: 12px; font-weight: bold; color:#666666; margin: 10px 0px 5px 0px;} h4 {font-size: 12px; font-weight:bold; margin: 10px 0px; color: #333333; } h5 {font-size:12px;color:#535353;margin-bottom:12px;} .hd-normal {font-size:12px;} a {font-size:12px;text-decoration:none;outline:none !important;} a:link, a:active, a:visited {color:#e70033; outline:none;} a:hover {color:#000;} p { padding: 8px 0px 10px 0px; } em { font-style: italic; } sup { font-size: 0.7em; } #content sup { font-size:0.8em; vertical-align:text-top;} /* Liste */ ul { margin:0 0 20px 15px; padding:0;} ol { margin:0 0 20px 22px; padding:0;} ul li { margin:0px; padding:0; list-style-type: disc; } ol li { margin:0px; padding:0; list-style-type:decimal;} ol li ol li { margin:0px; padding:0; list-style-type:lower-alpha;} .reset {margin:0;padding:0;list-style-type:none;} .static {margin:0 0 20px 15px;padding:0;} .static li {margin:0;padding:0;} .activity-sep {display:block;height:6px;background-color:#efefef;border:none;color:#efefef;} .input-text {border:1px solid #999;padding:3px 3px 2px;height:19px;color:#666;} /*************************************/ /* tooltip */ #tooltip {position: absolute;z-index: 3000;background:#f53b5a url(../images/tooltip.jpg) 0 0 no-repeat;width:182px;padding:15px;color:#ffffff;} #tooltip h3, #tooltip div { margin: 0; color:#ffffff;font-size:11px;} /*************************************/ /*************************************************** Main container layout ***************************************************/ #wrap {width:1003px; text-align:left; margin:20px auto 0 auto; background:url(../images/bgContent.gif) repeat 0 0;} #wrap .col-a {float:right;width:753px; padding-top:15px;} #wrap .col-b {width:248px; float:left;} #wrap .col-b .logo {display:block;text-indent:-9000px;} /*** Header ***/ #header {padding:0;position:relative;} #header #imgBlockWrap {width:753px;min-height:221px;height:auto !important; height:221px;} #header .imgSmBlock, #header .imgLrgBlock {float:left;} /*** Ul Menu layout ***/ #utliBlock .menu { margin:0;float:right;} #utliBlock .menu-item {float:left; margin:0; list-style-type: none; list-style-image: none; } #menuMain .menu { margin:0 0px 0 15px; padding:0; } #menuMain .menu li {padding:0 0 0px 0; margin:0; list-style-type: none; list-style-image: none; } #menuSub .menu { margin:0; padding:0; } #menuSub .menu li {padding:0 10px 0 0; margin:0; list-style-type: none; list-style-image: none; } #footer .menu { margin:0; padding:0; } #footer .menu li {padding:0 10px 0 0; margin:0; list-style-type: none; list-style-image: none; } /*** Ulti ***/ #utliBlock, #formSearch, #utliBlock .menu, #utliBlock .menu-item {min-height:21px;} #utliBlock {text-align:right;} #menuTop { height:35px; } #menuTop UL {position:absolute; right:0; } #menuTop LI {color:#666666; padding:3px 10px 10px 5px; font-size:11px; background:url(../images/menuSep.gif) no-repeat right 5px; } #menuTop LI.last {background:none; padding-left:7px; } #menuTop A:link, #menuTop A:visited, #menuTop A:active {color:#666666; text-decoration:underline; font-size:11px;} /*** Main Navigation ***/ #mainNav {width:248px;background:url(../images/bgMenu.jpg) no-repeat;} #menuMain {} #menuMain .item, #menuMain .leaf { padding:0 0px 0 0; } #menuMain ul {padding-left:0px;} #menuMain ul li {color:#fff;background:none;} #menuMain ul li.withChildren {background:url(../images/menuHorizontalDots.gif) no-repeat bottom left;padding:8px 0px 8px 0px} #menuMain ul li.withChildren.last {background:none;} #menuMain a{font-size:13px;} #menuMain .withChildren a {background:url(../images/bgMenuItem.gif) no-repeat 0px 1px;padding-left:18px;font-weight:normal;} #menuMain .withChildren a.selected {background:url(../images/bgMenuItem_a.gif) no-repeat 0px 1px;padding-left:18px;} #menuMain .withChildren a.childSelected {background:url(../images/bgMenuItem_a.gif) no-repeat 0px 1px;padding-left:18px;} #menuMain .withChildren .leaf .selected {background:url(../images/iFlecheRouge.gif) no-repeat 0px 2px ;padding-left:18px;display:block;width:180px;margin-right:0px;} #menuMain .menu ul {display:none; margin:10px 0 0 4px;} #menuMain .menu .selected ul {display:block;} #menuMain .menu .leaf a {padding-bottom:5px;} #menuMain .menu .parentSelected a, #menuMain .menu .parentSelected a:visited {display:block;background:url(../images/iFlecheRouge.gif) no-repeat 0px 2px ;font-size:11px;color:#000;font-weight:normal;width:190px;display:block;margin-left:10px;} #menuMain .menu .parentSelected a:hover {color:#fff;} #menuMain .nonLink {margin-left:12px; padding-top:5px; padding-bottom:4px; display:block;} /* nonLink */ #menuMain .menu .childSelected ul {display:block;} #menuMain .childSelected .leaf a, #menuMain .childSelected .leaf a:visited {background:url(../images/iFlecheRouge.gif) no-repeat 0px 2px;font-size:11px;color:#000;font-weight:normal;/*width:190px;*/display:block;margin-left:10px;} #menuMain .childSelected .selected .selected, #menuMain .childSelected .selected .selected:visited {color:#fff;} #menuMain .childSelected .leaf a:hover {color:#fff;} #menuMain ul li.selected, #menuMain ul li.selected a.selected, #menuMain ul li.selected a.selected:visited {color:#fff;font-weight:normal;} #menuMain ul li ul li.selected, #menuMain ul li ul li.selected a.selected {color:#fff;font-weight:normal;} #menuMain ul ul {width:200px;} #menuMain a:link, #menuMain a:active, #menuMain a:visited {color:#fff;} #menuMain a:hover {color:#000;} /*** Grey menu ***/ .greyMenu {background:none;min-height:200px; background: url(../images/bgMenu_Gris.jpg) no-repeat bottom; padding-bottom:64px;} .greyMenu ul, .greyMenu li {margin:0;padding:0;list-style:none;} .greyMenu ul {padding-top:3px;} .greyMenu li a {text-indent:-9000px;display:block;} .greyMenu li .lnkHoraires-selected {background-position:0 -41px;} .logoAnniversaire {display:inline-block; margin:20px 77px 0;} /*************************************************** Content layout ***************************************************/ #contentWrap {background:#f5f5f5;padding-bottom:31px;}/* contentWrap min-height to be defined base on layout*/ #content, .contentHeader {position:relative;margin-top:0px;background:#fff;float:right;width:693px;padding:0px 30px 31px 30px;min-height:225px; }/* #content and .contentHeader min-height to be defined base on layout*/ .contentHeader {margin-top:143px;padding-bottom:0px;min-height:0px;} .threeColWrap {width:693px;margin:12px 0px 9px 0px;} .threeColWrap .col {float:left;margin-right:1px;width:200px;height:85px;background:url(../images/bgSearchCol.gif) no-repeat;padding:19px 15px 0px 15px} .threeColWrap input {border:none;} #content .threeColWrap .col a, #content .threeColWrap .col h5 {font-size:11px;color:#666666;text-decoration:none;font-weight:bold;} .imgContent, .imgContentCentres{ float:right; padding:0 0px 50px 30px; width:244px; text-align:right; } .btnRecherche {border:none;background:url(../images/btnRecherche.gif) 0 0 no-repeat;height:26px;width:25px;display:inline-block;cursor:pointer;} .btnRechercheResultat {border:none;float:left;display:inline-block;width:84px;height:26px;cursor:pointer;} .imgContent img{ margin-bottom:2px;} .cadre { background-color: #EEEEEE; padding: 10px 10px 1px 10px; } /*Breadcrump*/ #zoneTopContent{margin-left:30px;} #ucBreadCrumb { font-size:10px;padding:0 0 10px 0;margin:9px 0px 0px 0px;} #ucBreadCrumb a { font-size:10px; text-decoration:underline;} #ucBreadCrumb a:hover {text-decoration:none;} #zoneH1_print h1 { width:650px; float:left;} .print {float:right; margin: 18px 28px 0px 0px;} /*************************************************** Petite enfance - Jardin Enfance ***************************************************/ .tableau{margin-bottom:10px;} .tableau TD{color:#666666;border: none;padding:10px 20px 10px 20px; vertical-align:middle;} .tableau TD P { padding: 0px; } .tableau .coin{background:#f2f2f2 url(../images/iDescCorner2.gif) no-repeat top right; border-right: solid 1px #FFFFFF;} .bg { background:#f2f2f2; } .tableau TD .border1 { border-right: solid 1px #D6D6D6; } /*************************************************** École de ski ***************************************************/ .tab {border-left:1px solid #EBEBEB; border-top:1px solid #EBEBEB;} .tab td{border-right:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; padding:5px;} .tab tr.bgTab{background-color:#F5F5F5;} /************************************************* CENTRE CARTIERVILLE **************************************************/ #accordion a {cursor:pointer;} #accordion a strong {display:block;height:24px;font-size:14px;} #accordion a img {position:relative;margin-bottom:-9px;margin-left:5px;} #accordion a span.suite {color:#e70033;} #accordion .ui-accordion-header {position:relative;display:block;color:#8c8c8c;text-decoration:none;margin:20px 0 10px 0;} #accordion .ui-state-default strong, #accordion .ui-state-hover, #accordion .ui-state-active strong, #accordion .ui-accordion-content h3 em {color:#e70033;} #accordion .ui-accordion-content h3 {font-size:14px;} #accordion .ui-state-hover .suite {color:#000;} #accordion .ui-accordion-content { background-color:#efefef;color:#8c8c8c;padding:15px 18px 16px 21px;} #accordion .ui-accordion-content h3 {margin:0;color:#e70033;} #accordion .ui-accordion-content p {padding-top:0;} #accordion div a {background:none;font-weight:bold;} .img-right {float:right;margin:0 0 5px 20px;} .img-right img {display:block;margin-bottom:4px;} /*SLIDESHOW*/ .slideshow{margin-top:14px;} .slideshow img{ height:160px; margin:auto; } .imgContent .nav {margin-top:5px;} #prevCycle{float:left; text-align:left; text-indent:-9000px; background:url(../images/btPrec.gif) no-repeat; display:block; width:13px; height:14px;} #nextCycle{float:right; text-align:left; text-indent:-9000px; background:url(../images/btNext.gif) no-repeat; display:block; width:13px; height:14px; } /*** results ***/ .session {margin-bottom:10px;} #Activity .session {margin-top:8px;} #Activity .centre-details-0 {margin-top:8px;} #Activites .result {padding:32px 24px 19px 24px;} #Activites .session {} /*Tab default*/ #SearchHeader {width:690px;} #SearchHeader #tabBlocks {margin-top:13px;} #SearchHeader #tabBlocks ul {margin:0px;padding:0px;} #SearchHeader #tabBlocks li {background:url(../images/bgTabBlock.gif) no-repeat right top;float:left;margin-right:1px;font-weight:bold;text-align:center;font-size:11px;width:229px;display:inline-block;color:#fff;} #SearchHeader #tabBlocks .last {margin-right:0px;} #SearchHeader #tabBlocks a {color:#fff;text-decoration:none;padding-top:14px;display:block;height:30px;} /*Tab Selected*/ #SearchHeader #tabBlocks .tab-selected {background:url(../images/bgTabBlock.gif) no-repeat right -46px;} #SearchHeader #tabBlocks .tab-selected a {color:#333333;} #resultDetailsBlock {background:#efefef;width:689px;} #resultDetailsBlock #searchBlock {padding:0 23px 15px 23px;border-bottom:1px solid #fff;margin:0 17px;} #resultDetailsBlock #searchBlock h2 {font-weight:normal;float:left;padding:21px 0px 0px 0px;font-size:16px;} #resultDetailsBlock #searchBlock input {margin-top:17px;font-weight:bold;} #resultDetailsBlock #searchBlock .btnRecherche {margin-top:17px;} #resultDetailsBlock #searchBlock input.btnRecherche {border:none;} #resultDetailsBlock .colWrap .col1, #resultDetailsBlock .colWrap .col2, #resultDetailsBlock .colWrap .col3 {float:left;padding:16px 0px 16px 0px} #resultDetailsBlock .colWrap .col1 {width:345px;} #resultDetailsBlock .colWrap .col1 .cont {padding:13px 0px 13px 0px;border-right:1px solid #fff;margin-left:40px;} #Questionnaire #resultDetailsBlock .colWrap .col1 .cont {margin-left:20px;} #resultDetailsBlock .big-title {font-size:16px;} #resultDetailsBlock .colWrap .col1 .cont .search-criteria {padding-bottom:5px} #resultDetailsBlock .colWrap .col1 .cont .spanActivity {color:#db002a;font-weight:bold;line-height:24px;} #resultDetailsBlock .colWrap .col2{width:319px;} #resultDetailsBlock .colWrap .col2 .cont {padding:22px 0px 13px 0px;margin-left:43px;font-weight:bold;} #resultDetailsBlock .col2 a {text-decoration:underline;} #resultDetailsBlock .col2 a:hover {text-decoration:none;} #content a.showResults , #content a.hideResults, #content a.showInnerResults, #content a.hideInnerResults {text-decoration:none;} .showResults, .noLinkInnerResults {display:none;} .noLinkInnerResults {float:left;} .availiblityBlockHide{display:none;} .firstPoint {display:none;position:absolute;width:18px;height:14px;bottom:-15px;left:288px;background:url(../images/bgResultCenterBlockCorner.gif) no-repeat top right #f2f2f2;} .resultsBlock {margin-top:16px;width:690px;} .resultsBlockTabWrap {position:relative;height:33px;} .resultsBlockTab {color:#db002a;padding:9px 0px 0px 15px;background:url(../images/bgResultsBlockTab.gif) no-repeat top right;width:260px;height:33px;position:absolute;left:0px; top:0px;font-weight:bold;} .resultsBlockTab span {color:#666;} .masquerBlock{position:absolute;right:0px; top:0px;color:#db002a;padding:9px 0px 0px 0px;} .resultsWrap {background:#efefef;padding:6px;} .resultsWrap .colWrap {background:#fff;padding:6px 26px 15px 26px;} .resultsWrap h3, .resultsWrap h3 a {font-weight:normal;font-size:16px;} .resultsWrap h3 {margin:16px 0 0;} .resultsWrap p {padding-top:6px;} .resultsWrap .descCol {min-height:149px;position:relative;} .resultsWrap .descCol, .resultsWrap .imgCol {float:left;width:439px;} .resultsWrap .descCol p {min-height:55px;height:auto !important;height:55px;} .resultsWrap .descCol .loader {position:absolute;bottom:22px;left:330px;display:none;} .resultsWrap .imgCol{width:141px;margin:15px 0px 10px 24px;border:6px solid #efefef} .resultsWrap .imgCol img {width:141px;} .resultsWrap .descCol .availiblityBlock {width:293px;height:30px;padding:2px 10px 0px 12px;background:url(../images/bgAvailiblityBlock.png) right 0 no-repeat;position:absolute;bottom:16px;left:0;} .availiblityBlockHide {margin-left:-13px;text-align:center;float:left;padding:3px 0px 0px 5px;width:83px;height:19px;background:url(../images/bgHideBlock.gif) no-repeat left top;} #content .availiblityBlockHide a {text-decoration:none;} .view-availability, .view-availability li {margin:0;padding:0;list-style:none;} .view-availability {margin:7px 0 12px;height:37px;} #content .view-availability li {float:left;height:29px;} #content .view-availability a, #content .view-availability a:visited {display:block;text-decoration:none;} #content .view-availability .view {background:url(../images/bgAvailiblityBlock.png) right 0 no-repeat;padding:2px 23px 0 12px;position:relative;} #content .view-availability .arrow-down {width:11px;height:11px;background:url(../images/arrow-down.gif) 0 0 no-repeat;position:absolute;bottom:-11px;right:-3px;display:none;z-index:999;} #content .view-availability .hide {background:url(../images/bgHideBlock.gif) 0 0 no-repeat;padding:2px 17px 3px 23px;margin-left:-12px;display:none;font-weight:bold;position:relative;} #content .view-availability-active {margin-bottom:0;} #content .view-availability-active .view {background-position:right -31px;margin-bottom:0;} #content .view-availability-active .view a, #content .view-availability-active .view a:visited {color:#666666;} #content .view-availability-active .arrow-down {display:block;} #content .view-availability-active .hide {display:block;background-position:0 -22px;} .resultsBlock .hr {background:(static/images/resultBlockHR.gif) no-repeat;height:6px;} /*** Results "Centers" ***/ .resultsBlock .resultCenterBlock {display:none;background:url(../images/bgResultCenterBlockCorner.gif) no-repeat top right #f2f2f2;width:628px;margin-bottom:3px;} .resultsBlock .resultCenterBlock .resultCenterTitle {margin-left:16px;padding-top:30px;} .resultsBlock .resultCenterBlock .resultCenterTitle h2 {color:#e70033;margin-bottom:18px;} .resultsBlock .resultCenterBlock .resultCenterInfoBlock {font-weight:bold;background:url(../images/bgResultsInfoCenterBlock.gif) no-repeat 0px 6px;min-height:68px;margin:4px 0px 0px 0px;padding-bottom:28px;} .resultsBlock .resultCenterBlock .resultCenterInfoBlock.selected {background:url(../images/bgResultsInfoCenterBlockShadow.jpg) no-repeat;} .resultCenterInfoBlock .dateTime, .resultCenterInfoBlock .activityAge, .resultCenterInfoBlock .level {float:left;padding:8px 0px 8px 0px;} .resultCenterInfoBlock .dateTime {margin-top:8px;width:157px;margin-right:66px;color:#fff;padding-left:15px;} .resultCenterInfoBlock .activityAge {width:227px; color:#999999;} .resultCenterInfoBlock .level {width:149px; color:#999999;} .resultCenterInfoBlock .level span {font-size: 14px; line-height:0px;} .tabsUpperCorner {position:absolute;right:13px;top:0px;z-index:99;} /** Fiche Horaire Popup **/ .tabCornerleft {position:absolute;top:0px;left:-3px;} .detailBlock {position:relative;display:none;width:588px;color: #666666;background:url(../images/bgTabDetails.gif) no-repeat bottom left;padding:20px 15px 20px 19px;margin:0px 0px 0px -1px;} .detailBlock .CloseButton {width:26;height:29px;right:-22px; top:0px;position:absolute;cursor:pointer;} .Avertissement {padding-bottom:7px;color:#333333;Background:url(../images/bgAlert.gif) no-repeat right top;width:613px;text-align:center;} .Avertissement img {margin-bottom:-9px;} /**** Print popup ****/ #PrintFicheHoraire {padding:36px;} #PrintFicheHoraire .logoPrint {float:right;} #PrintFicheHoraire .colWrap {margin-top:13px;} #PrintFicheHoraire .col1, #PrintFicheHoraire .col2 {float:left;padding-bottom:7px;} #PrintFicheHoraire .col1 {font-weight:bold;width:109px;} #PrintFicheHoraire .col2 {width:300px;} #PrintFicheHoraire .printSession {padding-bottom:15px;} /*************************************************** Calendar ***************************************************/ .centerSelectionBlock {position:relative;} .centerSelectionBlock .col1 {min-height:147px;height:auto !important;height:147px;} .centerSelectionBlock .col1, .centerSelectionBlock .col2 {padding:27px 14px 27px 0px;width:435px;float:left;background:url(../images/centerSelectionBlockColTop.gif) no-repeat top right #efefef;} .centerSelectionBlock .col2 {width:244px;background:none;padding:12px 0px 0px 0px;} .centerSelectionBlock .col2 img {position:absolute;bottom:0px;right:0px;} .centerSelectionBlock .col2 select {margin-left:5px;width:239px;} .centerSelectionBlock .col1 .centerLocation {float:left;width:196px;margin-left:20px;} .centerSelectionBlock .col1 .centerLocation h1 {padding:0px 0px 20px 0px;} .centerSelectionBlock .col1 .centerSelectionLinks {float:left;width:215px; } .centerSelectionBlock .col1 .centerSelectionLinks ul {margin:0px;padding:0px;} .centerSelectionBlock .col1 .centerSelectionLinks li {background:url(../images/arrowSelectionLinks.gif) no-repeat 0px 6px;list-style:none;padding:0px 0px 5px 15px;} .centerSelectionBlock .col1 .centerSelectionLinks a {text-decoration:none;font-weight:bold;color:#666666;} #Calendar #content .hlHoraires , #Survol #content .hlSurvol, #Activites #content .hlActivites, #Map #content a.hlMap, #Nouvelles #content .hlNouvelles, #Evenements #content .hlEvenements , #Installations #content .hlFacilities, #CampagneSoutien #content .hlCampagne, #PrivateTrainer .hlPrivateTrainer {font-weight:bold;color:#db002a;} .schedule-link-pilote {position:absolute;bottom:-25px;right:0;display:block;} .schedule-link {position:absolute;/*bottom:-8px;*/bottom:-25px;right:0;display:block;} .schedule-link-futur {position:absolute;bottom:-25px;right:0;display:block;} /*CAMPAGNE DE SOUTIEN*/ #CampagneSoutien #content h3{ margin-bottom:-10px;} .filtre {margin-right:15px;font-weight:bold;display:inline-block;padding:13px 16px 13px 16px;} .filtre.selected {background:#efefef;display:inline-block;padding:13px 16px 13px 16px;margin-right:15px;font-weight:bold;} .categoryWrap {background:#efefef;position:relative;padding-right:8px;} .categoryWrap .filtre {color:#333333;margin-right:-3px;font-weight:bold;background:#efefef;display:inline-block;padding:13px 16px 13px 16px;} .categoryWrap .filtre.selected {background:#e6e6e6;display:inline-block;padding:13px 16px 13px 16px;margin-right:-3px;font-weight:bold;} .ActivitesWrap {background:#efefef;position:relative;padding:16px 16px 8px 16px;} .ActivitesWrap .filtre {font-weight:bold;margin-bottom:8px;} #content .ActivitesWrap .filtre {padding:0px;} .ActivitesWrap .filtre.selected {padding:0px;font-weight:bold;} .columns {float: left; width: 310px;min-height:28px;height:auto !important;height:28px;} /*.columns input {border:1px solid red;display:inline-block;padding:0px;}*/ .columns label {display:inline;padding:0px;margin-left:8px;} .categoryWrap .topCorner, .ActivitesWrap .topCorner {position:absolute;right:0px;top:0px;z-index:99;} .dayWrap .filtre {background:url(../images/bgDay.gif) no-repeat top right;padding:13px 21px 13px 20px;margin-right:-2px;font-size:16px;} .dayWrap .ActivitesWrap .filtre.selected {padding:13px 21px 13px 20px;margin-right:-2px;font-size:16px;} .hr {height:3px;background:url(../images/bgHr.gif) repeat-x;margin:18px 0px 13px 0px} #Calendar .resultCenterBlock .resultCenterTitle {margin-left:0px;padding:0px;background:url(../images/bgCalendarResultCenterTitle.gif) no-repeat top right;width:73px;text-align:center;} #Calendar .resultCenterBlock .resultCenterTitle h2 {color:#333;margin-bottom:0px;font-weight:bold;font-size:14px;} #Calendar .resultCenterBlock .activityBlock {margin-left:15px;font-weight:bold;} #Calendar .resultsCenterWrap {border:6px solid #f2f2f2;padding: 32px 26px;width:626px;margin-bottom:17px;position:relative;} #Calendar .resultsCalendarInnerWrap {background:#f2f2f2;padding:20px 0px 18px 0px;} #Calendar .dateTime {background:url(../images/bgDateTime.gif) no-repeat right top;margin-top:8px;font-weight:bold;} .activityAge, .level {font-weight:bold;margin-top:8px;} #Calendar .upperCorner {display:block;position:absolute;right:26px;top:32px;} #Calendar .print {display:none;} #Calendar .tools-calendar {text-align:right;padding-bottom:15px;} #Calendar .tools-calendar a {margin-left:5px;} /*************************************************** Questionnaire ***************************************************/ #Etape1 .stepBlock, #Etape2 .stepBlock, #Etape3 .stepBlock {height:71px;width:689px;} #Questionnaire h2 {font-size:16px;color:#262626;padding:18px 0 8px;} #Questionnaire .steps {width:662px;height:93px;background:#efefef url(../images/quiz-steps.jpg) 21px 21px no-repeat;padding:21px 6px 19px 21px;margin:0;} #Questionnaire .steps li {margin:0;padding:0;list-style:none;float:left;text-align:center;padding-top:37px;font-size:14px;font-weight:bold;color:#999;} #Questionnaire .steps .step1 {width:218px;} #Questionnaire .steps .step2 {width:216px;} #Questionnaire .steps .step3 {width:217px;} #Questionnaire .steps2-selected {background-position:21px -122px;} #Questionnaire .steps3-selected {background-position:21px -265px;} #Questionnaire .steps1-selected .step1, #Questionnaire .steps2-selected .step2, #Questionnaire .steps3-selected .step3 {color:#db002a;} #Etape1Content, #Etape2Content {background:url(../images/bgTopRightCorner.gif) no-repeat top right #efefef;padding:17px 24px 17px 24px;margin:3px 0px 0px 0px;} #Etape1Content input, #Etape2Content input {border:0px;color:#fff;text-decoration:none;font-size:11px;} .buttonStep {cursor:pointer;margin-top:20px;background:url(../images/btnStep.gif) no-repeat;width:99px;height:18px;display:inline;padding:2px 0px 4px 0px;text-align:center;} #Etape1Content .opts {margin-bottom:10px;display:block;} #Etape1Content .opts.selected {color:#cccccc;} #Etape1Content .opts.selected .choice {color:#cccccc;} .questionBlock {padding-bottom:8px;} #Etape1Content .choice {color:#db002a;} #Etape2 h3 {font-size:14px;margin-bottom:4px;color:#db002a;} #Etape2 .days {margin-bottom:10px;background:green;} #Heures table {margin-top:7px;} #Heures td {color:#db002a;padding-top:5px;} #AfficherCategorie table {margin-top:15px;} #AfficherCategorie td {padding:2px;color:#db002a;} #AfficherHoraire, #AfficherCategorie {margin-bottom:40px;} #AfficherHoraire .stepsHr, #AfficherCategorie .stepsHr {display:none;background:url(../images/stepsHorizontalLine.gif);height:3px;width:696px;z-index:99;position:absolute;bottom:-22px; left:-26px;} #AfficherGroupeAge td {padding:2px;color:#db002a;} #Questionnaire #resultDetailsBlock {margin-top:3px;} #Questionnaire #resultDetailsBlock .col1 .cont , #Questionnaire #resultDetailsBlock .col2 .cont {padding:0px 0px 0px 0px;} #Questionnaire #resultDetailsBlock .col1 .identify {color:#db002a;font-weight:bold;} #Questionnaire #resultDetailsBlock .col1-top {padding:7px 0px 0px 20px;text-align:left;width:330px;float:left;} #Questionnaire #resultDetailsBlock .col2-top {padding:18px 10px 0px 0px;text-align:right;width:320px;float:left;} #Questionnaire #resultDetailsBlock .col2-top a {font-size:11px;} /*** Map ***/ .mapWrap {border:6px solid #efefef;width:691px;} .gMap {width:691px;height:450px;} #Map .contacts, #Map .contacts li {margin:0;padding:0;list-style:none;} #Map .contacts li {padding-top:7px;float:left;width:300px;} #Map .label {display:block;} .map-block {padding-top:40px;} /*************************************************** List layout ***************************************************/ #Liste #resultDetailsBlock .col1 .cont {border-right:none;margin:0 43px 0 20px;padding:0px 0px 0px 8px;} #Liste #resultDetailsBlock .col2 .cont {border-left:1px solid white;margin-left:0px;padding-top:12px;padding-left:43px;} .listCategories {background:url(../images/bgTopRightCorner.gif) no-repeat top right #efefef;padding:17px 24px 17px 24px;margin:3px 0px 0px 0px;width:641px;} .listCategories h3 {margin-bottom:0;font-size:14px;color:#333;} .listCategories h5 {font-weight:bold;color:#666;margin-bottom:0;padding-top:20px;} .listCategories .activities, .listCategories .activities li {margin:0;padding:0;list-style:none;} .listCategories .activities li {padding-top:5px;} .listCategories table .col-1 {width:252px;} .listCategories table .col-2 {width:245px;} .listCategories table .col-3 {width:144px;} /*************************************************** Activity Details layout ***************************************************/ .activityContainer {border:6px solid #efefef;padding:26px;width:637px;} .activityDetailsWrap {margin-bottom:20px;} .activityDetailsWrap .imgCol {width:141px;height:97px;margin:0px 0px 8px 24px;border:6px solid #f2f2f2;float:right;} .activityContainer .activityPhotos, .activityContainer .activityVideo, .activityContainer .activityHorairesBlock, .activityContainer #AffinerFiltres {background:url(../images/bgTopRightCorner.gif) no-repeat top right #efefef;padding:10px 24px 17px 24px;margin:4px 0px 0px 0px;position:relative;} .activityContainer .activityPhotos .gvPhoto, .activityContainer .activityVideo .FlashPlayer {margin-top:10px;} .activityContainer .activityPhotos .gvThumbnails {width:226px;position:absolute;top:48px;right:40px;} .activityContainer #AffinerFiltres {background:url(../images/bgTopRightCornerDark.gif) no-repeat top right #d9d9d9;padding:17px 5px 17px 18px;margin:4px 0px 0px 0px;} .activityContainer #tabs-horaires-par ul {margin:0px;padding:0px;} .activityContainer #tabs-horaires-par ul li {display:inline;padding:0px 11px 0px 11px;border-right: solid black 1px;} .activityContainer #tabs-horaires-par ul li.last {border-right:none;} .activityContainer #ActivityResultsContainer {padding:17px 0px 17px 0px;margin:4px 0px 0px 0px;} .activityContainer #ActivityResults .resultCenterInfoBlock {font-weight:bold;background:url(../images/bgResultsInfoCenterBlock.gif) no-repeat 0px 6px;min-height:68px;margin:4px 0px 0px 0px;padding-bottom:28px;} .activityContainer #ActivityResults h2 {color:#db002a;padding-left:16px;margin-bottom:15px;font-size:16px;color:#e70033;} .AffinerFiltresPadding {padding-right:8px;} #AffinerFiltres td strong {color:#666;} #AffinerFiltres td {padding-top:8px;color:#db002a;} #AffinerFiltres td.top {vertical-align:top !important;} .noData {margin-left:18px;} #AffinerFiltres input {/*background:white;*/padding:0px;margin-right:3px;} #interestBlock {margin-top:15px;} #interestBlock .imgCol {border:6px solid #efefef;float:right;width:141px;margin:0px 0px 10px 15px;} /*************************************************** News / Events ***************************************************/ .eventsContainer {width:637px;} .eventsContainer .eventsPhotos, .eventsContainer .eventsVideo {background:url(../images/bgTopRightCorner.gif) no-repeat top right #efefef;padding:10px 24px 17px 24px;margin:4px 0px 0px 0px;position:relative;} .eventsContainer .eventsPhotos .gvPhoto, .eventsContainer .eventsVideo .FlashPlayer {margin-top:10px;} .eventsContainer .eventsPhotos .gvThumbnails {width:226px;position:absolute;top:48px;right:40px;} #Nouvelles .imgCol, #Evenements .imgCol {padding-top:6px;float:left;width:141px;margin:0px 10px 10px 0px;} #Nouvelles h2, #Evenements h2 {font-size:14px;font-weight:bold;margin:0px;} #Nouvelles h3, #Evenements h3 {color:#db002a;font-size:16px;margin:0px;} #Nouvelles #content a {text-decoration:none;} #Nouvelles #content h3:hover {text-decoration:none;color:#666} #Nouvelles .sec, #Evenements .sec {margin:10px 0px 0px 0px;padding:0px;} #Nouvelles .sec li {display:inline-block;list-style:none;margin-right:4px;text-align:center;padding:13px 0px;} #Evenements .sec li {display:inline-block;list-style:none;text-align:center;padding:0px;} #Nouvelles .sec a {text-decoration:none;padding:13px 17px;} #Evenements .sec a {text-decoration:none;padding:13px 0px;} #Nouvelles .sec .News {background:#efefef;color:#333333;padding:13px 17px;} #Nouvelles .sec .Even {background:#fff;} #Evenements .sec .Even {background:#efefef;color:#333333;padding:13px 17px;} #Evenements .sec .News {background:#fff;padding:13px 17px;} #Nouvelles .subTlt {margin-bottom:5px;} #Evenements #content .eventBlock a {text-decoration:none;} #Evenements #content .eventBlock a:hover {text-decoration:underline;} #Nouvelles .newsBlockContent {margin-top:8px;background:url(../images/bgTopRightCorner.gif) no-repeat top right #f2f2f2;padding:10px 18px 10px 18px;} .eventBlock {margin-bottom:10px;} .pager {text-align:center;margin-top:25px;} /*************************************************** //COMMUNICATION / NOUVELLES / EVENTS ***************************************************/ #content #toggleClosed h3 a,#content #toggleOpen h3 a{color:#666;text-decoration:none;font-weight:bold;} #content #toggleClosed .icon, #toggleOpen .icon{color:#e70033;font-weight:normal;} #content #toggleClosed p, #toggleOpen div, #toggleOpen p{color:#666;} #content #toggleOpen{width:630px;} #content #toggleContent{background: #f2f2f2 url(../images/bgNewsItem.gif) no-repeat top left; padding:2px 24px; } #toggleContent img{padding:14px 0px 4px 0px;} #content #toggleContent img{padding:14px 0px 4px 0px;} #content .pagerEv td {text-align:center;} #galleryContainer{} #photo{float: left;width: 326px;height: 230px; ;/*background:#ffff66;*/margin-right:2px;} #photo img{border:none; text-decoration:none;} #thumbsContainer {position: relative;text-align: center;float: left;width: 95px;height: 230px;background: #dfdfdf;} .thumbsTop, .thumbsBot{position: absolute;}.thumbsTop{left: 3px;top: 6px;} .thumbsTop .dots{padding: 6px 0 2px 0;}.thumbsBot{left: 3px;bottom: 6px;} .thumbsBot .dots{ padding: 2px 0 6px 0;} .thumbsContent{position: absolute;top: 23px;left: 5px;width: 85px;height: 184px;overflow: hidden;} .thumbsContent .thumbs{width: 85px;height: 60px; /*background:#ffff66;*/margin: 1px 0;} #galleryDesc{color: #fff;margin-top: 2px; ;width:391px;background-color:#757575;background-image:url(/images/iDescCorner.gif);background-position:bottomright;background-repeat:no-repeat;padding:16px;} #galleryDesc p{color: #fff;padding: 0px;margin: 0px;} #EventsDetails #menuMain_item_6 ul {display:block;} #EventsDetails #menuMain_item_6 a{background:url(../images/iFlecheRouge.gif) no-repeat 0px 2px;font-size:11px;color:#000;font-weight:normal;width:190px;display:block;margin-left:10px;} #EventsDetails #menuMain_item_6 #menuMain_item_9 a {color:#fff;font-weight:normal;} /*************************************************** //HOME / NOUVELLES et PROMO ***************************************************/ #homePromo { float:left; padding: 0px; width:345px;} #homePromo li{list-style-type: none;} #content #homeNews {width:300px; float:left; padding:0 0 20px 30px; margin-bottom:30px; background: url(../images/sep_v.gif) repeat-y left top;} #content .newsItems {display:block; padding:0; margin:0;} #content .newsItems LI {list-style-type: none;} #content .newsItems .date {color:#999999;} #content .newsItems .desc {color:#999999; font-size:11px; font-weight:normal; display:block; padding: 3px 0 3px;} #content .newsItems .icon {color:#e70033; font-weight:normal;} #content .newsItems a:link,#content .newsItems a:visited,#content .newsItems a:active { color:#666666; font-weight:bold; text-decoration:none; display:block; padding: 0 0px 15px 0px;background:none; } #content .newsItems a:hover,#content .newsItems a:hover SPAN { color:#000000; text-decoration:none; } .pagerNouv td, .pagerEvenement td{ padding:0 3px 0 3px;} .pager-news span {color:#e70033;font-weight:bold;} /* Header Slideshow */ .slideNav {position:absolute; right:0; top:0;} .slideNav A:link, .slideNav A:visited, .slideNav A:active {margin: 0 0 0 1px;color:#000000; text-decoration:none;display:block; padding: 2px 8px 5px 8px; float:left;background: url(/images/navSlide.gif) no-repeat left bottom; } .slideNav A:hover, .slideNav A:link.active, .slideNav A:visited.active {padding-bottom:9px;background: url(../images/navSlide_o.gif) no-repeat left bottom;color:#FFFFFF; text-decoration:none; } /*************************************************** Footer layout ***************************************************/ #footer {padding:40px 20px 20px 20px;background:url(../images/bgFooter.gif) #ffffff no-repeat left top; } #menuFooter { float:right; display:block; } /*************************************************** Footer layout ***************************************************/ #footerMap li a:link, #footerMap li a:visited, #footerMap li a:active { color:#666666; font-size: 11px;font-weight:normal; text-decoration:none; display:block; padding: 2px 0px 2px 0px;background:none; } #footerMap h2 {margin:0px; padding:0px;} #footerMap h2 A:link, #footerMap h2 A:visited, h2 #footerMap A:active { color:#666666; font-weight:bold; text-decoration:none;display:block; padding: 3px 0px 5px 0px;margin:0px;background:none; } #footerMap h2 A:hover { color:#000000; text-decoration:none; } #footerMap {padding:10px 0 0 10px; border-bottom:1px solid #E8E8E8;} #footerMap li a:hover { color:#000000; text-decoration:none; } #PiedPageEducation_item_4,#PiedPageEducation_item_5,#PiedPageEducation_item_7, #PiedPageEducation_item_8,#PiedPageEducation_item_9,#PiedPageEducation_item_10,#PiedPageEducation_item_11{display:none;} #PiedPageDons_item_0{display:none;} #footerMap td{width:190px; padding:0 5px 10px 0;} #footer #menuFooter.menu { padding: 15px 0 15px 20px; } #footer #menuFooter li { font-size:11px; margin-left:3px; display:inline;} #menuFooter li.copy{ background:url(../images/menuSep.gif) no-repeat right; } #footerMap .menu li {background:#ffffff; float:none;} #menuFooter A:link, #menuFooter A:visited, #menuFooter A:active {color:#666666; font-size:11px; text-decoration:underline; } #menuFooter A:hover {color:#000; text-decoration:none;} /*************************************************** SiteMap ***************************************************/ #sitemapMenu ul {margin:0px; padding:0px;} #sitemapMenu ul li { list-style-type:none; clear:both; } /*Level 1*/ /*Masque sitemap*/ #sitemapMenu ul li.selected{display:none;} #sitemapMenu ul li A:link, #sitemapMenu ul li A:visited, #sitemapMenu ul li A:active { color:#666666; font-weight:normal; text-decoration:none; font-size: 14px;display:block; padding: 3px 0px 5px 0px;background:none; border-bottom:1px solid #666666; } #sitemapMenu ul li A:hover { color:#000000; text-decoration:none; } /*Level 2*/ #sitemapMenu ul ul {margin:15px 0 30px 0 ; padding:0px; height:auto;} #sitemapMenu ul ul li {width:231px; float:left; padding:0px; margin:0px; clear:none;} #sitemapMenu ul ul li .link:link, #sitemapMenu ul ul li .link:visited, #sitemapMenu ul ul li .link:active { width:211px; border:none; color:#666666; text-decoration:none; font-weight:bold;display:block; font-size: 12px; padding: 5px 0px 5px 0px;background:none; } #sitemapMenu ul ul li .link:hover { color:#000000; text-decoration:none; } #sitemapMenu ul ul #sitemapMenu_item_8{ display:none;} /*LEVEL 3*/ #sitemapMenu ul ul ul { margin:0px; } #sitemapMenu ul ul ul li .link:link, #sitemapMenu ul ul ul li .link:visited, #sitemapMenu ul ul ul li .link:active { border:none; font-weight: normal; font-size: 11px; padding: 0px 0px 3px 0px; } #sitemapMenu ul ul ul #sitemapMenu_item_8{ display:block;} /*************************************************** FORMULAIRE CONTACT ***************************************************/ #menuSub{display: none;} .headerContent H1{margin-top: 0px;} #tblForm TD{padding-bottom: 15px;color: #666666;} .submit_back{} #tblForm input{border: 1px solid #e70033;width: 160px;} #tblForm .frmCheckbox{border: none;width: 30px;} #tblForm textarea{border: 1px solid #e70033;width: 680px;height: 115px;} #tblForm .errorTextbox{background-color: #E70033;} #tblForm .errorLabel{color: #E70033;font-weight: bold;} /*************************************************** Miscellaneous ***************************************************/ .clearer {clear:both;} hr {display:none;} .promo {margin:5px 0 35px 0;width:100%;height:222px;overflow:hidden;} .promo li {width:319px;height:220px;float:left;} .promo .sep {background:url(../images/promo-sep.gif) 0 0 no-repeat;width:3px;height:222px;overflow:hidden;margin:0 22px;} .note {margin-top:45px;} .note img {margin-top:10px;} html[lang="fr"] .noteKanawana {margin-top:70px;} html[lang="en"] .noteKanawana {margin-top:100px;} .noteKanawana img {margin-top:10px;} /*************************************************** Child Care ***************************************************/ #ChildCare .menu {margin:0;padding:0; width:100%;overflow:hidden;} #ChildCare .menu li {list-style:none;float:left; margin:0 0 2px 0;padding:0;} #ChildCare .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Prevention ***************************************************/ #Prevention .menu {margin:0;padding:0; width:100%;overflow:hidden;} #Prevention .menu li {list-style:none;float:left; margin:0 0 2px 0;padding:0;} #Prevention .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Participation Citoyenne ***************************************************/ #ParticipationCitoyenne .menu {margin:0;padding:0; width:100%;overflow:hidden;} #ParticipationCitoyenne .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #ParticipationCitoyenne .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Main d'oeuvre ***************************************************/ #MainOeuvre .menu {margin:0;padding:0; width:100%;overflow:hidden;} #MainOeuvre .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #MainOeuvre .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Abonnement ***************************************************/ #Abonnement .menu {margin:0;padding:0; width:100%;overflow:hidden;} #Abonnement .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #Abonnement .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Participation Citoyenne Communautaire ***************************************************/ #ParticipationCitoyenneComm .menu {margin:0;padding:0; width:100%;overflow:hidden;} #ParticipationCitoyenneComm .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #ParticipationCitoyenneComm .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Main d'oeuvre Communautaire ***************************************************/ #mainOeuvreComm .menu {margin:0;padding:0; width:100%;overflow:hidden;} #mainOeuvreComm .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #mainOeuvreComm .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Intégration sociale ***************************************************/ #integratonSociale .menu {margin:0;padding:0; width:100%;overflow:hidden;} #integratonSociale .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #integratonSociale .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Partenariats ***************************************************/ #Partenariats .menu {margin:0;padding:0; width:100%;overflow:hidden;} #Partenariats .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #Partenariats .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Facon de donner ***************************************************/ #FaconDonner .menu {margin:0;padding:0; width:100%;overflow:hidden;} #FaconDonner .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #FaconDonner .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Benevole ***************************************************/ #Benevole .menu {margin:0;padding:0; width:100%;overflow:hidden;} #Benevole .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #Benevole .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Gouvernance ***************************************************/ #Gouvernance .menu {margin:0;padding:0; width:100%;overflow:hidden;} #Gouvernance .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #Gouvernance .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** YMCA_Communication ***************************************************/ #YMCA_Communication .menu {margin:0;padding:0; width:100%;overflow:hidden;} #YMCA_Communication .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #YMCA_Communication .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** YMCA_emploi ***************************************************/ #YMCA_emploi .menu {margin:0;padding:0; width:100%;overflow:hidden;} #YMCA_emploi .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #YMCA_emploi .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** École international de langues ***************************************************/ #EcoleLangues .menu {margin:0;padding:0; width:100%;overflow:hidden;} #EcoleLangues .menu li{margin:0 0 2px 0; list-style:none;float:left; padding:0px;} #EcoleLangues .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /*************************************************** Formation en entreprise ***************************************************/ #FormationEntreprise .menu {border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;margin:-2px 0 0 0;padding:5px 0; width:696px;overflow:hidden;} #FormationEntreprise .menu li{margin:0; list-style:none;float:left; padding:0px;} #FormationEntreprise .menu .link {display:block;text-indent:-9000px; margin:0px; padding:0px;} /************************************************** CONTACT **************************************************/ #tblContact {margin:10px 0;} #tblContact td {padding-bottom:5px;} /*************************************************** HORAIRES ***************************************************/ #Horaires .table-centres {width:100%;margin-bottom:25px;} #Horaires .table-centres td {width:33%;padding:25px;background:#f2f2f2 url(../images/iDescCorner2.gif) right 0 no-repeat;;border-top:1px solid #fff;border-right:1px solid #fff;} .centre-details {background:#efefef url(../images/centre-details-right-corner.gif) right 0 no-repeat;margin-top:3px;padding-bottom:30px;position:relative;} .centre-details-0 {margin-top:-8px;} .centre-details .title, #Questionnaire .centre-details .title {color:#e70033;font-size:16px;padding:29px 0 0 16px;} .centre-details .title a {font-size:16px;} .centre-details .row-a {margin-top:27px;} .centre-details .row-a .col{float:left;padding:10px 17px 8px 17px;font-weight:bold;} .centre-details .row-a .datetime {display:inline-block;min-width:137px;background:#E70033 url(../images/centre-details-date-right-corner.gif) right 0 no-repeat;color:#fff;} .centre-details .row-a .activity-for, .centre-details .row-a .level-activity {color:#999;} .centre-details .row-b, .centre-details .row-b li {padding:0;margin:0;list-style:none;} .centre-details .row-b {background:#fff url(../images/tabs-corner.gif) right 0 no-repeat;width:613px;height:34px;position:relative;} .centre-details .row-b a, .centre-details .row-b a:visited {display:block;height:14px;background:#fff url(../images/centre-details-icn.gif) 0 0 no-repeat;font-weight:bold;padding:10px 0 10px 37px;color:#666;text-decoration:none;} .centre-details .row-b a:hover {color:#e70033;} .centre-details .row-b li {float:left;position:relative;height:34px;} .centre-details .row-b .activity-details {width:182px;} .centre-details .row-b .activity-details a, .centre-details .row-b .activity-details a:visited {background-position:16px 11px;} .centre-details .row-b .activity-details a:hover {background-position:16px -23px;} .centre-details .row-b .same-schedule {width:206px;} .centre-details .row-b .same-schedule a, .centre-details .row-b .same-schedule a:visited {background-position:16px -56px;} .centre-details .row-b .same-schedule a:hover {background-position:16px -90px;} .centre-details .row-b .print-activity {width:108px;} .centre-details .row-b .print-activity a, .centre-details .row-b .print-activity a:visited {background-position:16px -126px;} .centre-details .row-b .print-activity a:hover {background-position:16px -160px;} .centre-details .row-b .email {width:109px;} .centre-details .row-b .email a, .centre-details .row-b .email a:visited {background-position:16px -192px;} .centre-details .row-b .email a:hover {background-position:16px -226px;} .centre-details .centre-details-content {display:none;} .centre-details-active {padding-bottom:64px;} .centre-details-popup {position:relative;} .centre-details-popup-active {width:625px;z-index:99;margin-left:-6px;} .centre-details-popup-active .row-b {background:url(../images/centre-popup-hd.png) 0 0 no-repeat;padding:7px 6px 0 6px;margin-top:-7px;} #content .centre-details-popup-active .row-b a, #content .centre-details-popup-active .row-b a:visited {background-color:Transparent;position:relative;} #content .centre-details-popup-active .row-b .link-active {background-color:#fff;} .centre-details-popup-active .centre-details-content {background:url(../images/centre-popup-bd.png) 0 0 repeat-y;padding:15px 23px;display:none;} .centre-details-popup-active .centre-popup-bottom {background:url(../images/centre-popup-bottom.png) 0 0 no-repeat;width:625px;height:12px;} .centre-popup-close {width:26px;height:29px;background:url(../images/centre-popup-close.gif) 0 0 no-repeat;position:absolute;top:42px;right:-20px;display:none;cursor:pointer;} .centre-details .tab-active {display:none;} .centre-details-popup-active .link-active .tab-active {position:absolute;width:4px;height:34px;background:url(../images/tab-active.gif) 0 0 no-repeat;display:block;} .centre-details-popup-active .link-active .tab-active-left {top:0;left:-4px;background-position:0 -34px;} .centre-details-popup-active .link-active .tab-active-right {top:0;right:-4px;} .centre-details-popup-active .email .tab-active-right {width:8px;height:34px;background:url(../images/centre-email-right.gif) 0 0 no-repeat;right:-8px;top:0px;} .centre-details-popup-active .centre-popup-close {display:block;} /*tab*/ .centre-details-content-detail {} .centre-details-content-detail .col {float:left;} .centre-details-content-detail .col1 {width:307px;padding-right:40px;} .centre-details-content-detail .col2 {width:232px;} .centre-details-content-detail .schedule {margin:0;padding:0;background:#e70033 url(../images/bgCol2TabDetailCol.jpg) right 0 no-repeat;width:232px;} /*.centre-details-content-detail .schedule li {width:190px;padding:13px 21px 14px 21px;background:url(../images/miniArrowList.png) 9px 19px no-repeat;color:#fff;}*/ .centre-details-content-detail .schedule li {width:211px;padding:13px 21px 14px 0;background:url(../images/border-centre-schedule.gif) 0 bottom repeat-x;color:#fff;} .centre-details-content-detail .arrow {display:block;background:url(../images/miniArrowList.png) 9px 6px no-repeat;padding-left:21px;} .centre-details-content-activity .loader {width:32px;margin:0 auto;padding:10px 0;} .centre-details-content-activity h3 {margin:0;padding:0;} .centre-details-content-activity .schedule, .centre-details-content-activity .schedule li {margin:0;padding:0;list-style:none;} .centre-details-content-activity .schedule li {width:193px;float:left;padding-top:15px;} .centre-details-content-email {} .centre-details-content-email .email-form {position:relative} .centre-details-content-email .email-form .error {border:1px solid #E70033;color:#E70033;} .centre-details-content-email .email-form .submit-email {width:25px;height:26px;text-indent:-9000px;background:url(../images/btnRecherche.gif) 0 0 no-repeat;display:inline-block;position:absolute;top:0;left:385px;} .centre-details-content-email .email-ty {display:none;} /*calendar centre*/ #Calendar .centre-details {margin-top:15px;background:none;padding-bottom:0;} #Calendar .centre-details .activity-title {padding:15px 0 9px 17px;} #Calendar .centre-details .activity-title a {font-size:16px;} #Calendar .centre-details .title {background:#efefef url(../images/calendar-centre-popup.gif) right 0 no-repeat;color:#333;font-size:12px;font-weight:bold;display:inline-block;padding:10px 14px;} #Calendar .centre-details .list-activity-wrap {border:6px solid #efefef;padding:32px 26px 32px 24px;} #Calendar .centre-details .list-activity-content {background-color:#efefef;padding-bottom:18px;} #Calendar .centre-details .row-a {margin-top:0;} /**************************************************************/ /* CUSTOM.CSS /**************************************************************/ .customZone { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight: bold; padding: 0px; background: none; position: relative; text-align: center; } .customLeftCorner { width: 4px; height: 4px; background: url(../images/leftTopCornerCal.png) no-repeat; left: 0px; top: 0px; position: absolute; z-index: 99; } .customRightCorner { width: 4px; height: 4px; background: url(../images/rightTopCornerCal.png) no-repeat; right: 0px; top: 0px; position: absolute; z-index: 99; } .customLeftBottomCorner { width: 4px; height: 4px; background: url(../images/leftBottomCornerCal.png) no-repeat; left: 0px; bottom: 0px; position: absolute; z-index: 99; } .customRightBottomCorner { width: 4px; height: 4px; background: url(../images/rightBottomCornerCal.png) no-repeat; right: 0px; bottom: 0px; position: absolute; z-index: 99; } .calTime { white-space: nowrap; background: black; } /************************** GALLERIE PHOTO **************************/ .GalleryViewer { } .GalleryViewer .gvPhoto { float: left; height:320px; } .GalleryViewer .gvPhoto .gvDescription { width: 316px; position: absolute; background: silver; color: black; font-weight: bold; padding: 10px 10px 10px 10px; opacity: 0.60; filter: alpha(opacity=60); } .GalleryViewer .gvPhoto img { width: 336px; height: 284px; } .GalleryViewer .gvThumbnails { float: left; } .GalleryViewer .gvThumbnails img { width: 61px; height: 52px; margin: 0px 0px 6px 6px; cursor: hand; cursor: pointer; } .GalleryViewer .clearer { clear: both; } /************************** FLASH PLAYER **************************/ .FlashPlayer { } .FlashPlayer .PlayerArea { background-color: Black; display: inline; text-align: center; vertical-align: middle; color: Silver; float: left; } .FlashPlayer .clearer { clear: both; } /************************** SearchHeader **************************/ ul#SearchHeaderMenu { } ul#SearchHeaderMenu li { display: inline; float: left; text-align: center; width: 230px; } /************************** SearchFilters **************************/ #SearchFilters #tabs-horaires-par.ui-widget { font-size: 1em; } #SearchFilters .filtre, #SearchFilters .filtre label { color: #d90329; cursor: hand; cursor: pointer; white-space: nowrap; } #SearchFilters :hover.filtre, #SearchFilters .filtre label:hover { color: #333333; } #SearchFilters .filtre.selected, #SearchFilters .filtre.selected label { font-weight: bold; color: #333333; } /************************** Fiches Horaires **************************/ .FichesHorairesGroup { background-color: #efefef; margin-bottom: 2px; } .FichesHorairesGroup h2 { padding: 18px; color: #e80032; } /************************** SameSchedule **************************/ #SameSchedule .FichesHoraires { background-color: #ffffff; margin-left: -2px; } /************************** EventPopup **************************/ .EventPopup { display: none; position: absolute; background: url(../images/bgCenterEventPopup.png) top center repeat-y; width: 376px; } .EventPopupTop { position: relative; margin-top: -8px; background: url(../images/bgCenterEventPopupTop.png) no-repeat top center; } .EventPopupBottom { margin-bottom: -11px; background: url(../images/bgCenterEventPopupBottom.png) no-repeat bottom center; height: 11px; } .EventPopupPointer { background: url(../images/eventPopupPointer.png) no-repeat top left; width: 31px; height: 46px; position: absolute; top: 60px; left: -24px; z-index: 99; } .popup-left .EventPopupPointer { background-position: 0 -46px; right: -24px; left: auto; } .EventPopupTop h1 { margin-left: 29px; } .EventPopupTop h1 span { display: block; } .EventPopupTop h1 a { font-size: 11px; } .EventPopupContent { margin: 12px 29px 12px 26px; font-size: 11px; } .EventPopupContent ul { margin: 0px; padding: 0px; } .EventPopupContent ul li { list-style: none; margin-bottom: 8px; font-size: 11px; } /************************** AutoComplete **************************/ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #db002a; color: white; } /************************** Socials **************************/ #socialsBlock {min-height: 21px; position:relative; font:11px Arial,Verdana,Helvetica,sans-serif; /*margin-top:20px;*/ background:#fff;} #socials {position:absolute; top:0; right:0; width:363px;} #socials span {float:left; height:19px; line-height:19px; width:140px; text-align:right;} #socials ul {margin:0; padding:0;} #socials ul li {float:left; list-style:none;} #socials ul li#facebook {width:56px; height:18px; text-indent:-9999px; background:url(/static/images/icons/i_facebook.gif) 0 0 no-repeat; padding-right:15px; border-right:1px solid #b8b8b8; margin-right:12px; margin-left:17px;} #socials ul li#facebook a {display:block; width:56px; height:18px;} #socials ul li#youTube {width:47px; height:19px; text-indent:-9999px; background:url(/static/images/icons/i_youTube.gif) 0 0 no-repeat; padding-right:15px; border-right:1px solid #b8b8b8; margin-right:12px; } #socials ul li#youTube a {display:block; width:47px; height:19px;} #socials ul li#rss {width:41px; height:29px;text-indent:-9999px; background:url(/static/images/icons/i_rss.gif) 0 0 no-repeat; margin-left:3px;} #socials ul li#rss a {display:block; width:41px; height:29px;}