/** * ---------------------------------------------------------------------------- * CSA SECONDAIRE: Main styles * ---------------------------------------------------------------------------- * Main styles. * @author Kenneth Briscoe * @copyright 2010 * @since 2011-10-24 */ /* --- Valeurs de couleurs --- Rouge E-Bulletin #a40028 Bleu Secondaire #005695 Gris (link bar) et boite grise sous images #949494 Rouge (links and lines) #d11241 Gris Pale (Background) #f8f8f8 (also a9a9a9, c2c2c2) --- Grandeur des images --- Images page d'accueil (B&W) 274x151 Images page d'accueil (news articles) 268x100 Boite grise sous les photos (titre des pages) 190x215 Images au dessus des boites grise (comme celle d'Ugo) 190x228 */ /* DEFAULTS */ body {color:#363636; background:#949494; font-size:100%; font-style:normal; font-weight:normal; font-family:Arial,Helvetica,sans-serif; margin:0px; padding:0px;} div {margin:0px; padding:0px; display:block;} img {display:block; border:0px;} p {font-size:10pt; margin:0px 0px 8px 0px; padding:0px;} h1 {color:#fff; font-size:12pt; font-weight:bold; margin:0px; margin-left:15px; padding:0px; width:160px;} h2 {color:#363636; font-size:11pt; font-weight:bold; margin:0px 0px 7px 0px; padding:0px;} h3 {color:#005695; font-size:11pt; font-weight:bold; margin:0px 0px 5px 0px; padding:0px;} h4 {color:#000; font-size:11pt; font-weight:bold; margin:10px 0px 2px 0px; padding:0px;} h5 {color:#000; font-size:11pt; font-weight:bold; margin:0px 0px 10px 0px; padding:0px;} ol, ul {margin:0px 0px 10px 30px; padding:0px; /*list-style-image:url("/secondaire/images/bullet.gif");*/ list-style-type:square;} li {font-size:11pt; margin-left:20px; padding:1px 0px;} .bullet {margin:2px 0px 5px 6px; padding:0px 0px 0px 14px; font-size:10pt; background:transparent url("/secondaire/images/bullet.png") no-repeat top left;} span {} a {color:#d11241; background:transparent; text-decoration:none;} a:link {} a:visited {color:#d11241; text-decoration:underline;} a:active {color:#d11241; text-decoration:none;} a:hover {color:#005695; text-decoration:underline;} /* ----- PAGE LAYOUT ----- */ /* page width = 985 margin left = 18 margin right = 25 content area = 942 column 1 = 232 column 2 = 373 column 3 = */ #hcenter {width:985px; margin:0 auto;} #container {position:relative; float:left; clear:both; width:985px; margin:0px 0px 20px 0px; background:#e7e8e9 url("/secondaire/images/background.jpg") no-repeat top left;} /* TOP ZONE */ #top_zone {position:relative; float:left; clear:both; width:942px; height:165px; margin:0px 25px 0px 18px;} #function_menu_box {position:relative; float:left; clear:both; width:983px; height:55px; margin:46px 0px 0px 0px;} #function_menu {position:absolute; top:0px; left:537px; width:450px; margin:0px; padding:0px;} .fmenu_item {position:relative; float:left; clear:none; background:transparent; margin:0px 9px 0px 0px;} a.fmenu {color:#363636; text-decoration:none; font-size:8pt; font-weight:bold;} a.fmenu:link {color:#363636; text-decoration:none;} a.fmenu:visited {color:#363636; text-decoration:none;} a.fmenu:active {color:#363636; text-decoration:none;} a.fmenu:hover {color:#d11241; text-decoration:none;} #function_search {position:absolute; top:0px; left:800px; clear:none; height:20px; margin:0px 0px 0px 0px; padding:0px;} #search_box {position:relative; float:left; clear:none; font-size:10pt; margin:0px; padding:0px;} .search_input { margin:0px; padding:0px; border:1px solid #000;} .search_button {position:relative; float:right; clear:none; width:20px; height:18px; margin:0px 0px 2px 0px; padding:0px; color:#d11241; background:transparent url("/secondaire/images/search_button.png") no-repeat top left; font-size:9pt; font-weight:normal; text-decoration:none; text-align:center; cursor:pointer;} #mainmenu_box {position:absolute; top:100px; left:18px; clear:both; width:936px; height:32px; margin:0px; background:#949494;} #menu_ebulletin {position:absolute; top:0px; left:772px; width:169px;} /* For IE6 only */ #mainmenu_box_ie6 {position:relative; float:left; clear:both; width:936px; height:32px; margin:0px; background:#949494;} /* CONTENT ZONE - Default styles */ #content_zone {position:relative; float:left; clear:both; width:942px; margin:0px 25px 0px 18px;} /* Column 1 */ #page_column_1 {position:relative; float:left; clear:left; width:232px; background:transparent; margin:0px 0px 0px 0px; padding:0px;} #column_1_photo {position:relative; float:left; clear:both; width:190px; height:228px; margin:0px 0px 0px 18px;} #page_title {position:relative; float:left; clear:left; width:190px; height:215px; margin:0px 0px 0px 18px; background:#949494;} /* Vertical centering */ /* - also see other techniques at http://blog.themeforest.net/tutorials/vertical-centering-with-css/ */ /* Technique #1 */ #center_container {display:table-cell; vertical-align:middle; height:215px;} /* Technique #2 #outer_container {position:relative;} #inner_container {position:absolute; top:50%; height:215px; margin-left:15px;} */ #print_page {position:relative; float:left; clear:both; width:202px; height:20px; margin:20px 0px 10px 0px; padding:0px 0px 0px 30px; background:transparent url("/secondaire/images/print.jpg") no-repeat left top; color:#363636; font-size:9pt; font-style:normal;} #partner_title {position:relative; float:left; clear:both; width:232px; margin:10px 0px 10px 0px; padding:0px; color:#005695; font-size:8pt; font-weight:bold;} .partner_logos {position:relative; float:right; clear:both; width:135px; margin:0px 20px 0px 0px;} .partner_logo {position:relative; float:left; clear:none; width:33px; margin:0px 0px 0px 12px; font-size:8pt;} /* Rollovers */ #swap01 {background-image: url("/secondaire/images/home/feep_on.png"); width:33px; height:33px;} #swap02 {background-image: url("/secondaire/images/home/unesco_on.png"); width:33px; height:33px;} #swap03 {background-image: url("/secondaire/images/home/evb_on.png"); width:33px; height:33px;} #swap04 {background-image: url("/secondaire/images/home/ISO-14001_roll.jpg"); width:70px; height:32px;} .rollover {display:block;} /* Allow setting widths and heights */ .rollover img {width:100%; height:100%; border:0;} /* only set width and height once */ .rollover:hover {visibility:visible; cursor:pointer;} /* sets any property for the :hover state */ .rollover:hover img {visibility:hidden;} /* rolls over the image */ /* Column 2 */ #page_column_2 {position:relative; float:left; clear:none; width:373px; background:transparent; margin:0px; padding:0px 18px 0px 18px; border-left:1px solid #d11241; border-right:1px solid #d11241;} #callout {position:relative; float:left; clear:both; margin:0px 0px 10px 0px; color:#363636; background:transparent; font-size:11pt; font-style:italic;} #body_text {position:relative; float:left; clear:none; min-height:500px; margin:0px; font-size:10pt;} .photo_left {position:relative; float:left; clear:none; margin:0px 20px 5px 0px; font-size:9pt; font-style:italic;} .photo_right {position:relative; float:right; clear:none; width:165px; margin:0px 0px 5px 20px; font-size:9pt; font-style:italic;} .photo_right_wide {position:relative; float:right; clear:none; width:230px; margin:0px 0px 5px 20px; font-size:9pt; font-style:italic;} /* Column 3 */ #page_column_3 {position:relative; float:left; clear:right; width:268px; background:transparent; margin:0px 0px 0px 28px;} /* section photo */ #section_photo {position:relative; float:left; clear:both; width:268px; height:151px; margin:0px 0px 0px 0px;} /* Quick-links */ #quicklinks {position:relative; float:left; clear:left; width:243px; height:158px; margin:10px 0px 0px 0px; padding:35px 10px 0px 15px; background:#005695 url("/secondaire/images/blue_link-box.jpg") no-repeat top left;} /* Quick links */ .quick_link {margin:0px 0px 1px 0px; color:#fff; font-weight:bold;} a.ql_menu {color:#fff; text-decoration:none; font-size:10pt; font-weight:bold; text-transform:uppercase;} a.ql_menu:link {color:#fff;} a.ql_menu:visited {color:#fff;} a.ql_menu:active {color:#fff;} a.ql_menu:hover {color:#fff; text-decoration:underline;} /* Social links */ #social_links {position:absolute; top:503px; left:15px; clear:none; width:257px;} .social_prompt {position:relative; float:left; clear:left; width:100px; color:#005695; font-size:9pt; font-weight:bold;} .social_icons {position:relative; float:left; clear:none; margin:0px 0px 2px 5px;} /* TEMPLATE #1 - 3-column layout (default template) */ #page_video {position:relative; float:left; clear:both; width:525px; margin:5px 0px 5px 0px;} /* TEMPLATE #2 - 2-column layout (wide content) */ #page_column_2_wide {position:relative; float:left; clear:right; width:670px; background:transparent; padding-left:18px; border-left:1px solid #d11241; padding-right:18px; border-right:1px solid #d11241;} /* TEMPLATE #3 - 4-column layout (2 content columns) */ #page_column_2_a {position:relative; float:left; clear:left; width:198px; background:transparent; margin:0px; padding:0px;} #page_video_narrow {position:relative; float:left; clear:both; width:194px; margin:5px 0px 5px 0px;} #page_column_2_b {position:relative; float:left; clear:right; width:165px; background:transparent; margin:0px 0px 0px 10px;} .column2b_photo {position:relative; float:left; clear:both; margin:0px 0px 12px 0px;} /* TEMPLATE #4 - ATHLETES */ #athlete_column_2 {position:relative; float:left; clear:none; width:444px; min-height:443px; margin:0px 25px 10px 0px; padding:0px 18px 0px 25px; border-left:1px solid #d11241; border-right:1px solid #d11241;} .athlete_box {position:relative; float:left; clear:both; width:444px; margin:0px 0px 20px 0px;} .athlete_photo {position:relative; float:left; clear:left; width:111px;} .athlete_info {position:relative; float:left; clear:right; width:323px; margin:0px 0px 0px 10px; background:transparent; font-size:10pt;} .athlete_title {color:#005695; font-size:11pt; font-weight:bold; margin:-3px 0px 0px 0px;} .athlete_description {color:#363636; font-size:10pt; margin:0px 0px 0px 0px;} .athlete_link {font-size:9pt; margin:0px 0px 0px 0px;} .athlete_extra_info {position:relative; float:left; clear:both; width:313px; margin:0px 0px 0px 121px; padding:5px; color:#fff; background:#005695; font-size:10pt;} #athlete_close {position:absolute; top:5px; right:4px; height:15px; background:#d4d4d2 url("/secondaire/images/button_bg_small.jpg") repeat-x bottom; border:1px solid #505050;} a.athlete_closer {color:#d11241; text-decoration:none; font-size:9pt; font-weight:bold; padding:3px;} a.athlete_closer:link {color:#d11241;} a.athlete_closer:visited {color:#d11241;} a.athlete_closer:active {color:#d11241;} a.athlete_closer:hover {color:#005695;} #athlete_column_3 {position:relative; float:left; clear:right; width:190px; margin:0px; padding:20px 5px 20px 0px; background:#005695/* url("/secondaire/images/blue_link-box.jpg") no-repeat bottom left;*/} .athlete_menu_on {position:relative; float:left; clear:both; margin:0px 0px 5px 12px; color:#949494; background:transparent; font-size:10pt; font-weight:bold;} .athlete_menu_off {position:relative; float:left; clear:both; margin:0px 0px 5px 12px; background:transparent;} a.athlete_menu {color:#fff; text-decoration:none; font-size:10pt; font-weight:bold;} a.athlete_menu:link {color:#fff;} a.athlete_menu:visited {color:#fff;} a.athlete_menu:active {color:#fff;} a.athlete_menu:hover {color:#949494; background:transparent;} /* TEMPLATE #5 - DIRECTION */ .direction_box {position:relative; float:left; clear:both; width:655px; margin:0px 0px 20px 15px;} .direction_text {position:relative; float:left; clear:left; width:470px; margin:0px 20px 0px 0px;} .direction_image {position:relative; float:left; clear:right; width:165px; margin:0px 0px 0px 0px;} .direction_title {font-size:12pt;} .direction_para {font-size:11pt;} /* TEMPLATE #6 - PERSONNEL */ #personnel_column1 {position:relative; float:left; clear:left; width:400px; margin:0px 0px 10px 15px;} #personnel_column2 {position:relative; float:left; clear:right; width:400px; margin:0px 0px 10px 0px;} .personnel_category {position:relative; float:left; clear:both; width:400px; margin:0px 0px 4px 0px; color:#005695; font-size:13pt; font-weight:bold;} .personnel_title {position:relative; float:left; clear:both; width:400px; margin:5px 0px 2px 0px; font-size:12pt;} .personnel_info {position:relative; float:left; clear:both; width:400px; margin:0px 0px 5px 0px; font-size:11pt;} /* TEMPLATE #7 - VISITE VIRTUELLE */ #vv_box_wide {position:relative; float:left; clear:right; width:708px; background:transparent;} #vv_column_2 {position:relative; float:left; clear:none; width:448px; margin:0px 25px 10px 0px; padding:0px 18px 0px 25px; border-left:1px solid #d11241; border-right:1px solid #d11241;} #vv_main_photo{position:relative; float:left; clear:both; width:411px; height:248px; margin:0px 0px 18px 0px; padding:0px; background:#005695;} #vv_title {position:relative; float:left; clear:both; width:411px; margin:0px 0px 10px 0px; color:#363636; background:transparent; font-size:11pt; font-style:normal; font-weight:normal;} #vv_caption {position:relative; float:left; clear:both; width:411px; margin:0px 0px 18px 0px; color:#363636; background:transparent; font-size:10pt; font-style:italic; font-weight:normal;} #vv_thumbnails {position:relative; float:left; clear:both; width:411px;} .vv_thumbnail {position:relative; float:left; clear:none; width:111px; margin:0px 39px 18px 0px;} .vv_thumbnail_last {position:relative; float:left; clear:right; width:111px; margin:0px 0px 18px 0px;} .vv_thumb_photo {border:1px solid #fff1ff;} .photo_text_link {margin:2px 0px 0px 0px; font-size:10pt;} #vv_column_3 {position:relative; float:left; clear:right; width:190px; height:248px; margin:0px; padding:0px; background:#005695/* url("/secondaire/images/blue_link-box.jpg") no-repeat bottom left;*/} #vv_location_header {position:relative; float:left; clear:both; width:180px; padding:20px 0px 12px 15px; color:#fff; font-size:13pt; font-weight:bold; background:transparent;} #vv_location_links {position:relative; float:left; clear:both; width:180px; margin:0px 0px 10px 15px; padding:20px 0px 20px 0px; color:#949494;} .vv_location_link {position:relative; float:left; clear:both; width:180px; margin:0px 0px 8px 0px; color:#949494; font-size:10pt; font-weight:bold;} a.vv_location {color:#fff; text-decoration:none; font-size:10pt; font-weight:bold;} a.vv_location:link {color:#fff;} a.vv_location:visited {color:#fff;} a.vv_location:active {color:#fff;} a.vv_location:hover {color:#949494; text-decoration:underline;} /* TEMPLATE #8 - VIDEO */ #video_box {position:relative; float:left; clear:right; width:708px; margin:0px} #video_player {position:relative; float:left; clear:both; width:640px; margin:0px; padding:0px; border:1px solid #363636;} #video_player_id {position:relative; float:left; clear:none; margin:0px 0px 0px 48px; color:#363636; font-size:7pt;} #video_list {position:relative; float:left; clear:both; width:708px; margin:10px 0px 0px 0px;} .video_item {position:relative; float:left; clear:none; width:160px; height:200px; margin:18px 80px 0px 0px;} .video_item_last {position:relative; float:left; clear:none; width:160px; height:200px; margin:18px 0px 0px 0px;} .video_item_image {position:relative; float:left; clear:both; width:160px;} .video_item_desc {position:relative; float:left; clear:both; width:160px; margin:10px 0px 0px 0px; font-size:9pt;} /* TEMPLATE #9 - E-BULLETIN */ #ebulletin_top_story_1 {position:relative; float:left; clear:left; width:272px; background:transparent; margin:0px; padding:0px;} #ebulletin_top_story_2 {position:relative; float:left; clear:none; width:272px; background:transparent; margin:0px 31px 0px 31px; padding:0px 31px 0px 31px; border-left:1px solid #d11241; border-right:1px solid #d11241;} #ebulletin_top_story_3 {position:relative; float:left; clear:right; width:272px; background:transparent; margin:0px; padding:0px;} .ebulletin_news_headline {position:relative; float:left; clear:both; height:30px; background:transparent; margin:0px 0px 10px 0px; padding:0px; color:#363636; font-size:11pt; font-weight:bold;} .ebulletin_news_photo {position:relative; float:left; clear:both; margin:0px 0px 10px 0px;} .ebulletin_news_body {position:relative; float:left; clear:both; width:260px; margin:0px 0px 10px 0px; font-size:10pt;} #ebulletin_stories {position:relative; float:left; clear:both; width:951px; background:transparent;} /* Headline links (Actualités) */ #ebulletin_column_1 {position:relative; float:left; clear:left; width:216px; padding:0px 0px 0px 0px; background:transparent;} #ebulletin_headlines_header {position:relative; float:left; clear:both; margin:15px 0px 12px 0px; color:#005695; font-size:13pt; font-weight:bold; background:transparent;} #ebulletin_headlines_links {position:relative; float:left; clear:both; width:216px; margin:0px 0px 10px 0px; color:#363636;} .ebulletin_headline_link {position:relative; float:left; clear:both; width:216px; margin:0px 0px 10px 0px; line-height:12pt; font-size:10pt;} a.ebulletin_headline {color:#d11241; text-decoration:none; font-weight:normal;} a.ebulletin_headline:link {color:#d11241;} a.ebulletin_headline:visited {color:#d11241;} a.ebulletin_headline:active {color:#d11241;} a.ebulletin_headline:hover {color:#005695; text-decoration:underline;} /* Full news story */ #ebulletin_column_2 {position:relative; float:left; clear:none; width:500px; margin:15px 20px 10px 15px; padding:0px;} #ebulletin_heading {position:relative; float:left; clear:both; margin:0px 0px 12px 0px; color:#005695; font-size:13pt; font-weight:bold; text-transform:uppercase;} #ebulletin_body {position:relative; float:left; clear:both; width:500px; margin:0px;} #ebulletin_photo {position:relative; float:left; clear:left; width:165px; margin:0px 18px 5px 0px;} #ebulletin_photo_img {position:relative; float:left; clear:left; width:165px; border:1px solid #d4d4d2;} #ebulletin_photo_link {position:relative; float:left; clear:left; width:165px; margin:8px 0px 0px 0px;} #ebulletin_body_narrow {position:relative; float:left; clear:right; width:307px; margin:0px 0px 0px 10px;} #ebulletin_video {position:relative; float:left; clear:both; width:500px; margin:0px 0px 0px 0px;} #ebulletin_video_narrow {position:relative; float:left; clear:both; width:340px; margin:5px 0px 5px 0px; border:1px solid red;} .ebulletin_lead {margin:0px 0px 10px 0px; font-weight:bold;} /* Categories */ #ebulletin_column_3 {position:relative; float:left; clear:right; width:190px; margin:18px 0px 0px 0px; padding:0px; background:#005695 url("/secondaire/images/blue_link-box_ebulletin.jpg") no-repeat bottom left;} #ebulletin_category_header {position:relative; float:left; clear:both; width:180px; padding:15px 0px 12px 10px; color:#fff; font-size:13pt; font-weight:bold; background:transparent;} #ebulletin_category_links {position:relative; float:left; clear:both; width:180px; margin:0px 0px 10px 10px; color:#949494;} .ebulletin_category_link {position:relative; float:left; clear:both; width:180px; margin:0px 0px 8px 0px; color:#949494; font-size:10pt; font-weight:bold;} .ebulletin_category_link_wide {position:relative; float:left; clear:both; width:500px; margin:0px 0px 8px 0px; color:#363636; font-size:10pt; font-weight:bold;} a.ebulletin_category {color:#fff; text-decoration:none; font-size:10pt; font-weight:bold;} a.ebulletin_category:link {color:#fff;} a.ebulletin_category:visited {color:#fff;} a.ebulletin_category:active {color:#fff;} a.ebulletin_category:hover {color:#949494; text-decoration:underline;} #ebulletin_category_article_head {position:relative; float:left; clear:both; margin:0px 0px 10px 0px; color:#005695; font-size:13pt; font-weight:bold;} /* link to Archives */ #ebulletin_archives_link {position:relative; float:left; clear:both; width:180px; margin:30px 0px 0px 0px; padding:10px 0px 10px 10px; background:#e7e8e9; font-size:11pt; font-weight:normal;} /* Archives */ #ebulletin_archive_category_links {position:relative; float:left; clear:left; width:190px; margin:0px 0px 10px 0px; padding:10px 10px 20px 20px; background:#005695 url("/secondaire/images/blue_link-box_ebulletin.jpg") no-repeat bottom left;} #ebulletin_archive_category_header {position:relative; float:left; clear:both; width:220px; margin:0px 0px 12px 0px; color:#fff; font-size:13pt; font-weight:bold; background:transparent;} #ebulletin_archive_links {position:relative; float:left; clear:right; width:700px; margin:0px 0px 10px 15px;} #ebulletin_archive_header {position:relative; float:left; clear:both; width:700px; margin:0px 0px 12px 0px; padding:10px 0px 0px 0px; color:#005695; font-size:13pt; font-weight:bold; background:transparent;} a.ebulletin_archives {color:#d11241; text-decoration:none; font-size:10pt; font-weight:bold; text-transform:uppercase;} a.ebulletin_archives:link {color:#d11241;} a.ebulletin_archives:visited {color:#d11241;} a.ebulletin_archives:active {color:#d11241;} a.ebulletin_archives:hover {color:#d11241; text-decoration:underline;} /* TEMPLATE #10 - COMMUNIQUÉS */ #communique_column_2 {position:relative; float:left; clear:none; width:410px; margin:0px 0px 10px 0px; padding:0px 15px 10px 18px; border-left:1px solid #d11241; border-right:1px solid #d11241;} #comm_heading {position:relative; float:left; clear:both; width:410px; margin:0px 0px 10px 0px; color:#363636; font-size:13pt; font-weight:bold; text-transform:uppercase;} #comm_subhead {position:relative; float:left; clear:both; width:410px; margin:0px 0px 8px 0px; color:#363636; font-size:12pt; font-style:italic;} #comm_body {position:relative; float:left; clear:both; width:410px; color:#363636; font-size:10pt; font-weight:normal;} .comm_dateline {font-weight:bold;} #comm_contacts {position:relative; float:left; clear:both; margin:10px 0px 10px 0px; font-size:101pt; font-style:italic;} #communique_column_3 {position:relative; float:left; clear:none; width:250px; margin:0px 0px 10px 15px; padding:0px;} .communique_headline_link {position:relative; float:left; clear:both; width:250px; margin:0px 0px 10px 0px; line-height:12pt; font-size:10pt;} a.communique_headline {color:#d11241; text-decoration:none; font-weight:normal;} a.communique_headline:link {color:#d11241;} a.communique_headline:visited {color:#d11241;} a.communique_headline:active {color:#d11241;} a.communique_headline:hover {color:#005695; text-decoration:underline;} /* TEMPLATE #11 - ÉCOLES PARTENAIRES */ #ep_body_text {position:relative; float:left; clear:none; margin:0px; font-size:10pt;} .ep_info {position:relative; float:left; clear:both; width:373px; margin:10px 0px 10px 0px;} .ep_text {position:relative; float:left; clear:left; width:373px; margin:0px 0px 0px 0px;} .ep_title {font-size:11pt; font-weight:bold; margin:0px 0px 0px 0px;} .ep_location {font-size:10pt; font-weight:bold; margin:0px 0px 4px 0px;} .ep_description {font-size:10pt; margin:0px 0px 2px 0px;} .ep_image {position:relative; float:right; clear:none; width:165px; margin:0px 0px 5px 10px; font-size:9pt; font-style:italic;} /* TEMPLATE #12 - PHOTOS */ .download_link {position:relative; float:left; clear:both; margin:10px 0px 0px 0px;} /* SITE MAP (template #13) */ #tree_box {position:relative; float:left; clear:right; width:710px; min-height:400px; margin:0px; background:transparent;} .tree_section {position:relative; float:left; clear:both; width:485px; margin:0px 0px 25px 18px; padding:0px;} .tree_level_1 {position:relative; float:left; clear:both; margin:0px 0px 6px 0px;} a.tree_link_1 {color:#949494; background:transparent; text-decoration:none; font-size:16pt; font-weight:bold;} a.tree_link_1:link {} a.tree_link_1:visited {color:#949494;} a.tree_link_1:active {color:#949494;} a.tree_link_1:hover {color:#d11241;} .tree_level_2 {position:relative; float:left; clear:both; margin:0px 0px 4px 0px;} a.tree_link_2 {color:#005695; background:transparent; text-decoration:none; font-size:13pt; font-weight:normal;} a.tree_link_2:link {} a.tree_link_2:visited {color:#005695;} a.tree_link_2:active {color:#005695;} a.tree_link_2:hover {color:#d11241;} .tree_level_3 {position:relative; float:left; clear:both; margin:0px 0px 2px 25px;} a.tree_link_3 {color:#d11241; background:transparent; text-decoration:none; font-size:11pt; font-weight:normal;} a.tree_link_3:link {} a.tree_link_3:visited {color:#d11241;} a.tree_link_3:active {color:#d11241;} a.tree_link_3:hover {color:#005695;} /* SEARCH (template #14) */ #search_box {position:relative; float:left; clear:right; width:600px; min-height:400px; margin:0px; background:transparent;} #search_title_box {position:relative; float:left; clear:both; width:600px; margin:0px 0px 10px 0px; background:transparent;} .search_title_label {color:#005695; font-size:12pt; font-weight:bold;} .search_terms {color:#363636; font-size:11pt; font-weight:normal;} .search_results {color:#363636; font-size:9pt; font-weight:normal;} .search_item_box {position:relative; float:left; clear:both; width:600px; margin:4px 0px 10px 0px; padding:0px 0px 8px 0px;} .search_item_name {color:#363636; font-size:11pt; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .search_item_desc {color:#363636; font-size:10pt; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .search_item_link {color:#d11241; font-size:9pt; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} /* FOOTER */ #footer {position:relative; float:left; clear:left; width:985px; margin:12px 0px 10px 28px; color:#949494; background:transparent; font-size:7pt;} a.footer {color:#949494; text-decoration:none;} a.footer:link {} a.footer:visited {color:#949494;} a.footer:active {color:#949494; text-decoration:none;} a.footer:hover {color:#949494; text-decoration:underline;} /* LINKS WITH ICONS */ /* PDF */ a.pdf {background:transparent url("/secondaire/images/pdf_icon_off.png") no-repeat left top; padding:3px 0px 3px 24px; text-decoration:none; } a.pdf:hover {background:transparent url("/secondaire/images/pdf_icon_roll.png") no-repeat left top; padding:3px 0px 3px 24px; text-decoration:underline; } .pdf_link {position:relative; float:left; clear:both; margin:10px 0px 0px 0px;} /* Video */ /* Email */ /* TABULAR DATA (used in Programmes... also used for Search layout ) */ table {margin:0px; padding:0px;} tr {margin:0px; padding:0px;} td {margin:0px; padding:0px;} .table_frame {border:1px solid #005695; margin:0px; padding:2px 4px 2px 4px;} .table_cell {position:relative; float:left; clear:none; width:94px; border:1px solid #005695;} .t_schedule_narrow {margin:0px; padding:0px; width:320px; font-size:8pt; border:1px solid #005695;} /*.t_schedule {margin:0px; padding:0px; width:708px; font-size:8pt; border:1px solid #005695;}*/ .t_schedule {margin:0px; padding:0px; width:670px; font-size:8pt; border:1px solid #005695;} .t_schedule_wide {margin:0px; padding:0px; width:850px; border:1px solid #005695;} .t_schedule_head {color:#fff; background:#005695; text-align:center; margin:0px; } .row_reg {color:#363636; background:transparent;} .row_alt {color:#fff; background:#005695;} .money {text-align:right; font-weight:bold;} .money_80 {text-align:right; font-weight:bold; width:80px;} .td_bold {font-weight:bold;} /* --- */ a.function {color:#76716f; background:transparent; text-decoration:none;} a.function:link {} a.function:visited {color:#76716f;} a.function:active {color:#b4277f; text-decoration:none;} a.function:hover {color:#b4277f; text-decoration:underline;} .back_button {position:relative; float:right; clear:both; margin:0px 0px 10px 0px;} a.button {color:#38535e; background:transparent url("/secondaire/images/button_bg_small.jpg") repeat-x bottom; font-size:9pt; text-decoration:none; text-align:center; vertical-align:middle; padding:2px 4px 2px 4px;} a.button:link {color:#38535e;} a.button:visited {color:#38535e;} a.button:active {color:#b4277f;} a.button:hover {color:#000000;} /* MISC */ .back_link {clear:both; padding:3px 0px 3px 0px; background:transparent;} .float_free {position:relative; float:left; clear:none;} .float_left_350 {position:relative; float:left; clear:left; width:351px; background:transparent; margin:0px 0px 20px 0px; padding:0px;} .float_left_220 {position:relative; float:left; clear:right; width:220px; background:transparent; margin:0px 0px 20px 10px; padding:0px;} .img_wrap {position:relative; float:left; clear:none; margin:0px 0px 0px 0px; padding:0px;} .top_button {position:relative; float:left; clear:both; width:180px; margin:10px 0px 10px 0px; padding:10px 0px 0px 0px; font-size:9pt; text-align:right;} .big {font-size:13pt;} .bold {font-weight:bold;} .footnote {clear:both; margin:10px 0px 0px 0px; font-size:9pt; font-style:italic;} .right {text-align: right;} .small {font-size:8pt;} .small_link {font-size:9pt;} .readmore {margin:7px 0px 5px 0px; color:#00cbff; font-size:9pt;} a.readmore_link {color:#d11241; text-decoration:none; font-size:9pt;} a.readmore_link:link {color:#d11241;} a.readmore_link:visited {color:#d11241;} a.readmore_link:active {color:#d11241;} a.readmore_link:hover {color:#949494; text-decoration:underline;} /* FORMS */ /* USE SEPARATE FORMS FILE? */ form {margin:0px; padding:0px;} form fieldset {color:#666666; background:transparent; border:1px solid #d3d3d3; padding:10px; margin:0px; font-size:10pt;} form fieldset legend {color:#666666; font-size:13pt;} form label {display:block; float:left; width:110px; margin:5px 0px 0px 0px; padding:0px; text-align:right; font-size:9pt;} form input {color:#666666; background:#fbfcfe; border:0px solid #cccccc; font-size:9pt; margin:0px 0px 0px 0px; padding:0px;} input.nobox {color:#666666; background:transparent; border:0px solid #cccccc; font-weight:bold;} form textarea {color:#666666; background:#fbfcfe; border:0px solid #cccccc; font-size:9pt; margin:0px 0px 0px 0px; padding:5px; overflow:auto;} form select {color:#666666; background:#fbfcfe; border:0px solid #cccccc; height:auto; min-height:20px; margin:0px 0px 0px 0px; font-size:8pt;} /* ----- */