/* -------------------------------------------------------------- * general.css --------------------------------------------------------------- */ /* FONT ALLER */ @font-face { font-family: 'AllerBold'; src: url('aller_bd-webfont.eot'); src: local('☺'), url('../fonts/aller_bd-webfont.woff') format('woff'), url('../fonts/aller_bd-webfont.ttf') format('truetype'), url('../fonts/aller_bd-webfont.svg#webfontqL2ALKHl') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerRegular'; src: url('aller_rg-webfont.eot'); src: local('☺'), url('../fonts/aller_rg-webfont.woff') format('woff'), url('../fonts/aller_rg-webfont.ttf') format('truetype'), url('../fonts/aller_rg-webfont.svg#webfont05TDFuru') format('svg'); font-weight: normal; font-style: normal; } /* RESET // --------------------------------------------------------------- */ /* 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-size:100%; font-style:inherit; font-family:inherit; vertical-align:baseline; } body { line-height:1.25em; font-family: 'AllerRegular', Arial, Verdana; color:#333; font-size:12px; background:#EDEDED; } a { text-decoration:none; color:#02A4E5; } a img { border:none; } :focus {outline: none;} .txt { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; border:1px solid #c3c3c3; } textarea { padding:3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; border:1px solid #c3c3c3; } strong { font-weight:normal; font-family: 'AllerBold'; } p { line-height:1.6em; } em { font-style:italic; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } table, td, th { vertical-align:top; } /* remove the blockquote " " */ blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} /* Basic layout --------------------------------------------------------------- */ h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; } body h1, body h2, body h3 { margin:0; } p { margin:0 0 20px; font-family: 'AllerRegular', Arial; } /* hide the list style in the header, the menu and in the footer */ #header ul, #footer ul { list-style-type: none; margin:0; padding:0; } /* HEADER --------------------------------------------------------------- */ #header { position:relative; display:block; width:100%; height:80px; padding:20px 0 0 0; } #header #logo { float:left; color:#000; } #header #slogan { position:absolute; top:31px; left:175px; font-size:0.9em; line-height:14px; } #header #domain { position:absolute; top:65px; left:5px; font-size:0.9em; } /* MENU DROITE TOP */ #header #topMenu { float:right; width:310px; text-align:right; } #header #topMenu.fr { width:330px; } #header #topMenu ul { float:left; } #header #topMenu ul li { display:inline-block; zoom:1; *display:inline; margin:0 1px 0 0; padding:0 4px 0 0; border-right:1px solid #9c9c9c; } #header #topMenu ul li a { display:inline-block; zoom:1; *display:inline; padding:1px 2px; font-size:0.8em; text-transform:uppercase; color:#333333; font-family: arial; } #header #topMenu ul li a.selected { background:#cbcbcb; cursor:text; } #header #topMenu ul li a:hover { color:#00628a; } #header #topMenu #language { border:none; } #header #topMenu #searchBox { overflow:hidden; text-align:right; margin:12px 0 0; } #header #topMenu #searchBox input { float:right; width:184px; height:16px; padding:4px 4px 5px 0; background:#f9f9f9; } #header #topMenu #searchBox #send { float:right; display:inline-block; zoom:1; *display:inline; width:auto; height:27px; padding:0 5px; text-align:center; color:#fff; font-size:0.8em; text-transform:uppercase; border:none; cursor:pointer; background:#5db3e6 url(../images/bgSearch.jpg) repeat-x top left; } #header #topMenu #searchBox #send:hover { background-position:bottom left; } #header #topMenu strong { position:relative; bottom:2px; font-size:1.3em; } /* FOOTER --------------------------------------------------------------- */ #mainFooter { padding:10px 0 30px; color:#818181; text-transform:uppercase; } #mainFooter ul { float:left; } #mainFooter ul li { display:inline; margin:0 7px 0 0; padding:0 10px 0 0; border-right:1px solid #818181; } #mainFooter ul li a { color:#818181; font-size:0.8em; } #mainFooter ul li a:hover { color:#000; } #mainFooter ul li.last { border:none; } #mainFooter p { float:right; margin:0; font-size:0.8em; } #home #printLi { display:none; visibility:hidden; } /* MAIN MENU --------------------------------------------------------------- */ #mainMenu { overflow:visible ;width:100%; height:60px; } #mainMenu li { float:left; width:160px; height:60px; background:url(../images/mainMenu-bg.png) no-repeat top right; } #mainMenu li a { display:block; height:50px; padding:10px 10px 0 15px; color:#333333; font-size:1em; font-family: 'AllerBold', Arial; } #mainMenu li span { display:block; height:50px; padding:10px 10px 0 15px; color:#333333; font-size:1em; font-family: 'AllerBold', Arial; } #mainMenu li:hover ul { display:block; } #mainMenu li:hover a { background:#f7f9f8; color:#309a2b; } #mainMenu li:hover span { background:#f7f9f8; color:#309a2b; cursor:default; } #mainMenu li ul { display:none; position:relative; top:-1px; z-index:20; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); } #mainMenu li ul li { display:block; height:auto; border-bottom:1px solid #cfd1d0; } #mainMenu li ul li a { height:auto; padding:8px 10px 8px 16px; font-weight:normal; color:#309a2b; background:#f7f9f8; } #mainMenu li ul li a:hover { background:#E8E9E9; color:#0e7509; } #mainMenu li.last { } #menuLocations { background:none !important; *width:158px !important; width:158px\0/ !important; } #menuLocations ul li { *width:158px !important; } /* MENU ROLLOVER --------------------------------------------------------------- */ #approach #menuApproach { background:#5bc1f2; } #approach #menuApproach a { color:#006500; } #mainMenu #menuApproach:hover a { color:#5bc1f2 !important; } #services #menuServices { background:#38ad29; } #services #menuServices a { color:#fef102; } #mainMenu #menuServices:hover a, #mainMenu #menuServices:hover span { color:#38ad29 !important; } #disorders #menuDisorders { background:#fe9a28; } #disorders #menuDisorders a { color:#653000; } #mainMenu #menuDisorders:hover a, #mainMenu #menuDisorders:hover span { color:#D25C00 !important; } #professionals #menuProfessionals { background:#FBDF49; } #professionals #menuProfessionals a { color:#7E6A00; } #mainMenu #menuProfessionals:hover a, #mainMenu #menuProfessionals:hover span { color:#7E6A00 !important; } #programs #menuPrograms { background:#e23022; } #programs #menuPrograms a { color:#fda9b8; } #mainMenu #menuPrograms:hover a { color:#e23022 !important; } #locations #menuLocations { background:#e54583; } #locations #menuLocations a { color:#272f7a; } #mainMenu #menuLocations:hover a, #mainMenu #menuLocations:hover span { color:#e54583 !important; } /* JQUERY TOOLS SLIDESHOW --------------------------------------------------------------- */ #slideshowHome { overflow:hidden; position:relative; display:block; width:100%; height:255px; margin:10px 0 20px; } #flowtabs { position:absolute; top:220px; left:25px; z-index:20; } #flowtabs li { display:inline-block; zoom:1; *display:inline; margin:0; } #flowtabs li a { padding:5px 4px; color:#1c75b9; font-family: 'AllerBold'; } #flowtabs li a:hover { color:#000; } #flowtabs a.current { color:#000; } #flowpanes { position:relative; overflow:visible; clear:both; } #flowpanes div { float:left; display:block; width:960px; *margin-left:-1px; height:255px; font-size:14px; color:black; } #flowpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; } #flowpanes .items div { position:relative; } #flowpanes .items div a { display:block; width:960px; height:255px; } #flowpanes .less, #flowpanes .less a { color:#999 !important; font-size:11px; } #flowpanes h1 { display:none; visibility:hidden; margin:50px 0 10px 30px; font-size:1.7em; font-family: 'AllerBold'; line-height:34px; } #flowpanes ul { display:none; visibility:hidden; margin:0 0 0 30px; font-size:1.2em; font-family: 'AllerBold'; } #flowpanes p { display:none; visibility:hidden; } /* BACKGROUND FOR EACH SLIDES */ #flowpanes.en .pane01 { color:#2f9a26; background:url(../images/homeSlideshow-bg01-en.jpg) no-repeat top left; } #flowpanes.fr .pane01 { color:#2f9a26; background:url(../images/homeSlideshow-bg01-fr.jpg) no-repeat top left; } #flowpanes.en .pane02 { background:url(../images/homeSlideshow-bg02-en.jpg) no-repeat top left; } #flowpanes.fr .pane02 { background:url(../images/homeSlideshow-bg02-fr.jpg) no-repeat top left; } #flowpanes.en .pane03 { background:url(../images/homeSlideshow-bg03-en.jpg) no-repeat top left; } #flowpanes.fr .pane03 { background:url(../images/homeSlideshow-bg03-fr.jpg) no-repeat top left; } #flowpanes.en .pane03b { background:url(../images/homeSlideshow-bg03b-en.jpg) no-repeat top left; } #flowpanes.fr .pane03b { background:url(../images/homeSlideshow-bg03b-fr.jpg) no-repeat top left; } #flowpanes.en .pane03 { background:url(../images/homeSlideshow-bg03-en.jpg) no-repeat top left; } #flowpanes.fr .pane03 { background:url(../images/homeSlideshow-bg03-fr.jpg) no-repeat top left; } #flowpanes.en .pane04 { background:url(../images/homeSlideshow-bg04-en.jpg) no-repeat top left; } #flowpanes.fr .pane04 { background:url(../images/homeSlideshow-bg04-fr.jpg) no-repeat top left; } /* SPECIFIC STYLE FOR EACH SLIDES */ #flowpanes .pane01 h1 { color:#2f9a26; } #flowpanes .pane01 ul { color:#2f9a26; } #flowpanes .pane01 ul li { margin-bottom:2px; } #flowpanes .pane02 h1 { margin-top:70px; color:#ffb6af; } #flowpanes .pane02 h1 span { margin-left:175px; } #flowpanes.fr .pane02 h1 span { margin-left:104px; } #flowpanes .pane03 h1 { color:#006901; } #flowpanes .pane03 ul { color:#006901; } #flowpanes .pane03 ul li { margin:0 0 2px; } #flowpanes .pane03 h1 { display:block; visibility:visible; color:#006901; z-index:99; } #flowpanes .pane03 h1 span { display:none; } #flowpanes .pane03 ul { color:#006901; } #flowpanes .pane03 ul li { margin:0 0 2px; } #flowpanes .pane03 #link1, #flowpanes .pane03 #link2, #flowpanes .pane03 #link3 { position:absolute; display:block; width:auto; height:auto; } #flowpanes .pane03 #link1:hover, #flowpanes .pane03 #link2:hover, #flowpanes .pane03 #link3:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #flowpanes .pane03.paneEn #link1 { top:61px; left:202px; } #flowpanes .pane03.paneEn #link2 { top:61px; left:323px; } #flowpanes .pane03.paneEn #link3 { top:83px; left:72px; } #flowpanes .pane03.paneFr #link1 { top:61px; left:344px; } #flowpanes .pane03.paneFr #link2 { top:83px; left:31px; } #flowpanes .pane03.paneFr #link3 { top:83px; left:145px; } #flowpanes .pane04 h1 { font-size:20px; color:#fef102; } /* BUTTONS NEXT - PREV DISABLE */ .prev { display:none; visibility:hidden; } .next { display:none; visibility:hidden; } /* MAIN PAGE --------------------------------------------------------------- */ .f-right { float:right !important; } .f-left { float:left !important; } .mt-20 { margin-top:20px !important; } .mb-15 { margin-bottom:15px !important; } .mb-5 { margin-bottom:5px; } .block { display:block !important; } .wrapper { width:960px; margin:0 auto; } #mainContent { overflow:hidden; background:#fff; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); /* hack IE7 */ *border-bottom:1px solid #d3d3d3; *border-left:1px solid #d3d3d3; *border-right:1px solid #d3d3d3; *border-top:1px solid #eaeaea; /* hack IE8 */ border-bottom:1px solid #d3d3d3\0/; border-left:1px solid #d3d3d3\0/; border-right:1px solid #d3d3d3\0/; border-top:1px solid #eaeaea\0/; } #mainSection { position:relative; min-height:500px; background:url(../images/box-left-bg.jpg) no-repeat left 105px; } .box-left { float:left; width:195px; padding:30px 0 80px 20px; } .box-right { overflow:hidden; margin:0 0 0 215px; padding:30px 0 50px 25px; width:719px; *width:718px; } .box-right p { font-size:1.1em; } #success { width:auto; padding:4px 7px; margin:5px 0 25px; background:#118a22; color:#fff; font-size:1em; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* BOX TEXT CONTENT */ .boxInfos { float:left; width:450px; } .boxInfos ul { margin:0 0 20px 0; padding:0; font-size:1.1em; font-family: 'AllerRegular', Arial; } .boxInfos ul li { margin:0 0 4px 0; padding:0 0 0 15px; list-style:hone; background:url(../images/bullet.png) no-repeat 4px 6px ; line-height:1.4em; } .boxInfos h2 { margin:0 0 15px 0; font-size:2.3em; font-family: 'AllerRegular', Arial; } .boxInfos h3 { margin:0 0 15px 0; font-size:1.7em; font-family: 'AllerRegular', Arial; } .boxInfos h4 { margin:0 0 5px 0; font-size:1.25em; font-family: 'AllerBold', Arial; } .boxInfos h5 { margin:0 0 5px 0; font-size:1.3em; font-family: 'AllerBold', Arial; } /* INDEX - BOX UNDER SLIDER */ #quickMenu { overflow:hidden; padding:0 0 15px 0; } #quickMenu li { float:left; margin:0 0 15px 32px; border-right:1px solid #e6e6e6; border-bottom:1px solid #b3b4b6; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } #quickMenu li a { display:block; position:relative; width:292px; height:80px; padding:0 0 0 140px; background:#eef4f4; cursor:pointer; } #quickMenu li a img { position:absolute; top:0; left:0; } #quickMenu li a span, #quickMenu li a strong { display:block; padding:17px 0 0 20px; height:63px; font-size:1.4em; color:#02a4e5; font-weight: 400; font-family: 'AllerRegular', Arial; background:url(../images/homeMenu-bg.png) no-repeat top right; } #quickMenu li a:hover span, #quickMenu li a:hover strong { color:#00628a; background-position: bottom right; } .new #quickMenu { padding:0; margin-bottom:30px; } .new #quickMenu li a strong { font-size:1.1em; line-height:17px; padding-top:14px; height:66px; } .new #quickMenu li .oneLine { padding-top:31px; height:49px; } .new #quickMenu li.noBottom { margin-bottom:0; } /* PAGE FIXER VOTRE PREMIER RENDEZ VOUS /* /* --------------------------------------------------------------- */ .rendezvous { overflow:visible !important; } .rendezvous li { background:none !important; padding-left:0 !important; margin-left:0 !important; } .rendezvous li a { width:300px !important; height:101px !important; padding:0 0 0 140px !important; } .rendezvous li a span { padding:17px 0 0 20px !important; height:84px !important; font-size:1.4em !important; color:#02a4e5 !important; background:url(../images/rendezvousMenu-bg.png) no-repeat top right !important; } .rendezvous li a span:hover { background-position:bottom right !important; } /* INDEX - PRESENTATION TEXT */ #servicelist { font-size:13px; width:425px; display:inline-block;*display:inline; zoom:1; margin-right:34px; vertical-align:top; margin-left:34px; } #servicelist p { margin-bottom:14px; line-height:21px; font-family: 'AllerRegular', Arial; } #locationlist { width:425px; display:inline-block;*display:inline; zoom:1; vertical-align:top; } #locationlist1, #locationlist2 { font-size:11px; line-height:15px; width:198px; display:inline-block;*display:inline; zoom:1; vertical-align:top; } #locationlist1 p, #locationlist2 p { margin-bottom:20px; line-height:15px; font-family: 'AllerRegular', Arial; } #locationlist1 { margin-right:24px; line-height:15px; font-family: 'AllerRegular', Arial; } .province { font-size:13px; line-height:15px; font-weight:bold; margin-bottom:7px !important; margin-top:3px; font-family: 'AllerRegular', Arial;} #servicelist p.note, .note { text-align:left;font-size:11px; margin-bottom:25px; font-family: 'AllerRegular', Arial; line-height:16px; } #servicelist p.note a, .note a, #servicelist a { color:#333; } #servicelist p.note a:hover, .note a:hover, #servicelist a:hover { color:#00a5e5; } /* COULEURS DES BANNIERES */ #mainSection h1 { display:block; width:100%; height:60px; padding:45px 0 0 0; font-size:2.3em; text-indent:30px; font-family: 'AllerBold', Arial; } #approach h1 { color:#006500; background:#5bc1f2; } #services h1 { color:#fef102; background:#38ad29; } #disorders h1 { color:#653000; background:#fe9a28; } #professionals h1 { color:#7E6A00; background:#faee5c; } #programs h1 { color:#fda9b8; background:#e23022; } #locations h1 { color:#272f7a; background:#e54583; } .general h1 { color:#006500; background:#5bc1f2; } .adult h1 { color:#006500 !important; background:#5bc1f2 !important; } #mainSection h1 span { position:relative; z-index:15; } #mainSection #imgTitle { position:absolute; top:0; right:0; } .twoLines #mainSection h1 { height:85px !important; padding-top:20px !important; text-indent:0 !important; } .twoLines #mainSection h1 span { display:block; margin-left:30px; width:500px; } /* BREADCRUMB */ #breadcrumb { position:relative; margin:0 0 18px; z-index:5; } #breadcrumb li { display:inline-block; zoom:1; *display:inline; padding:0 10px 0 0; margin:0 5px 0 0; background:url(../images/arrow.png) no-repeat right 6px; font-family: arial; } #breadcrumb li a { text-transform:uppercase; font-size:0.8em; color:#666666; } #breadcrumb li a:hover { color:#000; } #breadcrumb li span { text-transform:uppercase; font-size:0.8em; color:#666666; } #breadcrumb li.last { background:none; } #professionals #breadcrumb { width:400px; } #programs #breadcrumb { width:350px; } #services #breadcrumb { width:350px; } #locations #breadcrumb { width:350px; } /* BOUTONS SUPPLEMENTAIRE DROITE DES PAGES */ .boxSup { float:right; width:215px; margin:0 27px 0 0; } .boxSup #quickMenu li { margin-left:0; } .boxSup #quickMenu li a { width:130px; height:79px; padding-left:80px; } .boxSup #quickMenu li a span { padding-top:12px; padding-left:15px; height:68px; font-size:1.2em; background:none; } #secondMenu a { font-size:1.1em; font-family: 'AllerRegular', Arial; line-height:1.3em; } #secondMenu a.active { padding:0 0 0 8px; margin:0 0 0 -8px; color:#333333 !important; background:url(../images/arrow.png) no-repeat left 6px; } #secondMenu li { padding:6px; background:url(../images/sep-left-menu.png) no-repeat bottom right; } #secondMenu ul { margin:5px 0; padding:4px 0 0 20px; } #secondMenu ul li { padding:4px 0; background:none; } #secondMenu ul li ul li { padding:4px 0; background:none; } .mainSect { font-size:1.3em !important; } /* COULEURS SECOND MENU */ #approach #secondMenu a { color:#5bc1f2; } #approach #secondMenu a:hover { color:#1087c0; } #services #secondMenu a { color:#38ad29; } #services #secondMenu a:hover { color:#0c6600; } #disorders #secondMenu a { color:#D25C00; } #disorders #secondMenu a:hover { color:#5b2800; } #professionals #secondMenu a { color:#7E6A00; } #professionals #secondMenu a:hover { color:#dcc042; } #programs #secondMenu a { color:#e23022; } #programs #secondMenu a:hover { color:#7a0900; } #locations #secondMenu a { color:#e54583; } #locations #secondMenu a:hover { color:#7d0030; } /* NEW MENU 3.0 */ #banner { width:960px; height:255px; color:#fff; } #banner.en { background:url(../images/home-banner-en.jpg) no-repeat top left; } #banner.fr { background:url(../images/home-banner-fr.jpg) no-repeat top left; } #banner h1, #banner h2, #banner ul, #banner p { text-indent:-99999px; *font-size:0; *line-height:0; } .new .wrapperHome { padding:0 32px; margin-bottom:30px; } .new h3 { margin:30px 32px; font-family: 'AllerRegular', Arial; font-size:1.4em; font-weight:normal; } .new h3 .asterix { font-family:arial; font-size:0.8em; font-weight:bold; } .new h4 { font-size:1.2em; font-weight:normal; } .new #locations { overflow:hidden; margin:20px 0 10px; } .new #locations li { float:left; margin-right:13px; padding-right:15px; background:url(../images/locations-home-sep.png) no-repeat top right } .new #locations li.main { min-height:126px; } .new #locations li.second { padding-right:34px; } .new #locations li.last { float:left; background:none; } .new #locations li p { line-height:16px; } .new #locations li ul li { background:none; } .new #locations h5 { margin-bottom:6px; font-family: 'AllerBold', Arial; } .new .wrapperHome p { margin:0 0 15px 0; font-size:0.9em; line-height:15px; } .new #commentDetail { margin-top:35px; } .new #commentDetail span { font-family:arial; font-size:0.8em; font-weight:bold; } /* PAGE CONTACT --------------------------------------------------------------- */ .formular ul { margin:0; padding:0; } .formular ul li { margin:0 0 5px 0; padding:3px; background:none; } .formular ul li label { display:inline-block; zoom:1; *display:inline; width:140px; } .formular .txt { padding:2px 0; width:200px; text-indent:5px; } .formular select { width:203px; } .formular #submit { height:38px; margin-top:10px; padding:0 30px 0 13px; background:#f4f4f4 url(../images/input-bg.png) no-repeat top right; cursor:pointer; color:#309EBB; font-size:1.4em; border-bottom:1px solid #B3B3B3; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-top:none; } .formular #submit:hover { color:#005d75; } .radioemailformError { left:570px !important; } .require { color:red; font-family:arial; } .contactUs label span { color:red; font-family:arial; } #adressBox ul { width:400px; padding:10px 0 0 10px; background:#F3F8FC; border:1px solid #DEE9F1; list-style:none; } #adressBox ul li { display:inline-block; zoom:1; *display:inline; width:47%; min-height:100px; list-style:none; margin:0 10px 10px 0; font-size:0.9em; vertical-align:top; padding:0; background:none; } /* PAGE JOIN OUR TEAM * --------------------------------------------------------------- */ #join .formular ul li label { width:150px; } #join #formJoinTeam label { position:relative; top:1px; } #join #formJoinTeam label span { color:red; font-family:arial; } #join #formJoinTeam #requireTitle { display:inline-block; zoom:1; *display:inline; padding:3px 7px; background:#f2f2f3; } #join .require { color:red; font-family:arial; } #join h3 { margin-top:30px; } #join .txt { width:218px; vertical-align:top; } #join select { width:220px; vertical-align:top; } #join .languageLevel { width:120px; } #join .checkboxLanguage { display:inline-block; zoom:1; *display:inline; } #join #schedules div { display:block; margin-top:10px; } #join #schedules span { position:relative; top:-2px; margin-right:10px; } #join .language { display:inline-block; zoom:1; *display:inline; width:55px; margin-right:10px; } #join #other { display:none; padding-left:25px; margin-top:10px; } #join #other div { display:block; margin:5px 0; } #join #other input { width:130px; margin-right:10px; } #join #other select { width:150px; } #join .diplomat label { display:block; width:100% !important; margin-bottom:10px; } .englishLevelformError { left:620px !important; } .fulltimeformError { left:760px !important; } #join .error { width:auto; padding:4px 7px; margin:5px 0; background:#700309; color:#fff; font-size:1em; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #join .fileInput { display:block; margin-top:10px; width:100%; } /* PAGE SITEMAP * --------------------------------------------------------------- */ #sitemap .boxInfos a { } #sitemap .boxInfos ul { font-size:1.1em; margin:5px 0; padding:4px 0 20px 20px; } #sitemap .boxInfos li { margin:0 0 5px 0; background:none !important; } #sitemap .boxInfos li ul { font-size:1em; padding:4px 0; margin:0; background:none; } #sitemap .boxInfos li ul li { padding-top:0; padding-bottom:0; background:none; } #sitemap h3 { font-size:1.3em; } /* PAGE SEARCH * --------------------------------------------------------------- */ #searchResult p { font-size:1em; } #searchResult strong { display:block; margin:0 0 5px; font-size:1.2em; } #searchResult span { background:yellow; } /* PAGE PROFIL * --------------------------------------------------------------- */ #profilPhoto1 { float:left; margin-right:13px; } #profilPhoto2 { position:absolute; top:385px; right:30px; } /* PAGE LOCATION * --------------------------------------------------------------- */ .screening { padding:10px 10px 0 10px; margin-bottom:15px; border:1px solid #dee9f1; background:#f3f8fc; } /* LIGHTBOX --------------------------------------------------------------- */ #lightbox { padding:20px; background:#fff; } #lightbox h1 { font-size:2em; margin:0 0 15px; } #lightbox p { font-size:1.1em; } #lightbox ul { margin:10px 0; } #lightbox ul li { overflow:hidden; } #lightbox label { position:relative; top:2px; font-family: 'AllerBold', arial; vertical-align:top; } #lightbox .txt { padding:3px 0; width:290px; } #lightbox hr { display:block; width:100%; height:0; margin:0 0 5px; padding:0; background:none; color:none; border:none; clear:both; } .important { color:#6e060c; } #commas { margin:5px 0 10px 143px; color:#6e060c; font-size:1em !important; } .sendToFriend textarea { width:284px; }