* { margin: 0px; padding: 0px; } body { text-align: center; font-family: Helvetica, Arial, Verdana; background: #f6f6f6; } #pageAll { width: 900px; margin: 0 auto; text-align: left; } #header { height: 168px; } #main { padding: 0; text-align: left; } hr { display: block; height: 1px; height: 1px; margin: 0; @margin: -7px 0; padding: 0; clear: both; visibility: hidden; border: 0; color: #Fff; background-color: #F00; } .clearer { clear: both; } .right { float: right; } .left { float: left; } .homeImage { border: none; margin: 0 30px 0 0; } /********************************************************/ /* Columns use "column one" "column two" .... */ /* where one/two/three/four states the width of the box */ /* use to select the color */ /* Available colors: */ /* menu: red, blue */ /* content: red, blue, green, purple, grey, orange */ /********************************************************/ #main .column { margin: 10px 10px 10px 0; float: left; } #main .four { width: 890px; } #main .three { width: 665px; margin-right: 0; padding-right: 0; } #main .two { width: 440px; } #main .one { width: 215px; _width: 212px } /********************************************** frame box *****************************************************/ #grey #main .two .content{ width: 440px; height: 410px; display: block; background: #FBFBFB url(../images/bg_frame_gray_two_bot.gif) no-repeat 0 bottom; } #grey #main .two .content .boxTOP{ background: url(../images/bg_frame_gray_two_top.gif) no-repeat left top; margin: 0; padding: 20px 20px 0 20px; } #blue #main .oneb .content{ width: 215px; background: #FBFBFB url(../images/bg_frame_blue_one_bot.gif) no-repeat 0 bottom; } #blue #main .oneb .content .boxTOP{ background: url(../images/bg_frame_blue_one_top.gif) no-repeat left top; margin: 0; padding: 0; text-align:center; } #blue #main .three .content { width: 665px; background: #FBFBFB url(../images/bg_frame_blue_bot.gif) no-repeat 0 bottom; } #blue #main .three .content .boxTOP{ background-image: url(../images/bg_frame_blue_top.gif); } #red #main .three .content { width: 665px; background: #FBFBFB url(../images/bg_frame_red_bot.gif) no-repeat 0 bottom; } #red #main .three .content .boxTOP{ background-image: url(../images/bg_frame_red_top.gif); } #red #main .four .content { width: 890px; background: #FBFBFB url(../images/bg_frame_red_four_bot.gif) no-repeat 0 bottom; } #red #main .four .content .boxTOP{ background-image: url(../images/bg_frame_red_four_top.gif); } #grey #main .four .content { width: 890px; background: #FBFBFB url(../images/bg_frame_gray_bot.gif) no-repeat 0 bottom; } #grey #main .four .content .boxTOP{ padding: 0; background: url(../images/bg_frame_gray_top.gif) no-repeat left top; } #orange #main .four .content { width: 890px; background: #FBFBFB url(../images/bg_frame_orange_bot.gif) no-repeat 0 bottom; } #orange #main .four .content .boxTOP{ background-image: url(../images/bg_frame_orange_top.gif); } #green #main .four .content { width: 890px; background: #FBFBFB url(../images/bg_frame_green_bot.gif) no-repeat 0 bottom; } #green #main .four .content .boxTOP{ background-image: url(../images/bg_frame_green_top.gif); } #purple #main .four .content { width: 890px; background: #FBFBFB url(../images/bg_frame_purple_bot.gif) no-repeat 0 bottom; } #purple #main .four .content .boxTOP{ background-image: url(../images/bg_frame_purple_top.gif); } #main .three .content .boxTOP, #main .four .content .boxTOP{ padding: 30px 20px 0 60px; background-repeat: no-repeat; background-position: left top; } #main .oneb .content .boxTOP img{ margin: 20px 20px 0; } .content .boxSpacer{ padding: 0 40px 30px 60px; display: block; } .oneb .content{ height: 400px; } .oneb .content .boxSpacer, .two .content .boxSpacer{ padding: 0 20px 20px; display: block; } #main .three .content img.left{ float: left; padding: 0 20px 10px 0; margin: 0; } #main .three .content img.right{ float: right; padding: 0 0 10px 20px; margin: 0;} /********************************************** menu box *****************************************************/ #main .menu { margin-bottom: 10px; } /* Links */ #main .menu a,#main .menu a:link, #main .menu a:active, #main .menu a:visited { color: #fff; font-family: Helvetica,Arial,Verdana; font-weight: bold; font-size: 25px; text-decoration: none; display: block; line-height: 32px; } #main .menu a:hover, #main .menu a.active, #main .menu a.active:link, #main .menu a.active:visited { color: #000; } /* header */ #main .menu h1 { color: #fff; font-family: Helvetica,Arial,Verdana; font-weight: bold; font-size: 30px; text-align: center; } #main .menu h1 a, #main .menu h1 a:link, #main .menu a:active, #main h1 .menu a:visited { display: inline !important; } /* table (used for agenda) */ #main .menu table { text-align: center; margin: 15px auto; _margin: 15px 10px; color: #fff; font-size: 10px; border-spacing: 4px; } #main .menu table th { padding: 0 6px 30px 6px; font-weight: normal; } #blue #main .menu table td { color: #75cbee; } #red #main .menu table td { color: #e4749e; } #main .menu table td a, #main .menu table td a:link, #main .menu table td a:active, #main .menu table td a:visited { color: #fff; font-size: 12px; font-weight: normal; line-height: 20px; height: 20px; width: 20px; } #main .menu table td a:hover { color: #000; background: #fff; } /*******************************/ /*********** red box ***********/ /*******************************/ #red #main .menu { background: #de2f60; } #red #main .menu .bl { background: url(../images/bg_menu_corner_red_bl.gif) 0 100% no-repeat; } #red #main .menu .br { background: url(../images/bg_menu_corner_red_br.gif) 100% 100% no-repeat; } #red #main .menu .tl { background: url(../images/bg_menu_corner_red_tl.gif) 0 0 no-repeat; } #red #main .menu .tr { background: url(../images/bg_menu_corner_red_tr.gif) 100% 0 no-repeat; padding: 10px; } /*******************************/ /*********** blue box **********/ /*******************************/ #blue #main .menu { background: #009ee0; } #blue #main .menu .bl { background: url(../images/bg_menu_corner_blue_bl.gif) 0 100% no-repeat; } #blue #main .menu .br { background: url(../images/bg_menu_corner_blue_br.gif) 100% 100% no-repeat; } #blue #main .menu .tl { background: url(../images/bg_menu_corner_blue_tl.gif) 0 0 no-repeat; } #blue #main .menu .tr { background: url(../images/bg_menu_corner_blue_tr.gif) 100% 0 no-repeat; padding: 10px; } #main .info { padding: 5px; } #main .info h1 { font-family: Helvetica,Arial,Verdana; font-weight: bold; font-size: 27px; _margin-top: 10px; } #main .info p { font-size: 12px; margin: 18px 0; } #blue #main .info h1, #blue #main .info p { color: #009ee0; } #red #main .info h1, #red #main .info p { color: #de2f60; } .arrow { width: 139px; height: 91px; background: url(../images/arrow.gif) no-repeat 0 bottom; } .arrow .arrowtext { padding-top: 30px; padding-left: 12px; color: #FFF; font-weight: bold; font-size: 15px; line-height: 16px; } .arrow .arrowtextnl { padding-top: 30px; padding-left: 6px; color: #FFF; font-weight: bold; font-size: 14px; line-height: 16px; } /********************************************** content box *****************************************************/ #main .content { } #main .content h1 { font-size: 26px; font-weight: bold; margin: 0 0 15px; } #main .two .content h1{ margin-bottom: 0; } #main .content h2 { font-size: 15px; line-height: 100%; font-weight: bold; margin-top: 15px; } #main .content h3 { font-size: 14px; font-weight: bold; margin: 6px 0 5px 0; } #main .two .content h3{ margin: 0 0 10px; } #main .two .content h4{ margin-top: 10px; } #main .two .content a.teaserlink, #main .two .content a.teaserlink:link, #main .two .content a.teaserlink:visited{ color: #000; font-size: 12px; line-height: 130%; text-decoration: none; } #main .two .content a.teaserlink:hover { text-decoration: underline; } #main .content p { font-size: 12px; line-height: 120%; font-weight: normal; margin: 0 0 5px 0; } #main .content img.left { margin-right: 20px; float: left; } #main .content img.right { margin-left: 20px; float: right; } #main .content input ,#main .content textarea { border: 1px solid #7b787c; color: #5d5e60; font-size: 12px; padding: 3px; margin: 4px; font-family: Arial,Helvetica,Verdana; } #main .content input.submitForm { border: none; color: #333; font-size: 14px; font-weight: bold; padding: 3px; margin: 4px; font-family: Arial,Helvetica,Verdana; background: transparent; cursor: pointer; } #main .content a, #main .content a:link, #main .content a:active, #main .content a:visited { color: #e2501b; text-decoration: none; } #main .content a.bigLink, #main .content a:link.bigLink, #main .content a:active.bigLink, #main .content a:visited.bigLink { color: #e2501b; text-decoration: none; font-size: 14px; font-weight: bold; text-align: right; display: block; padding: 0 35px; } #main .content a:hover ,#main .content a:hover.bigLink { text-decoration: underline; } .balloonForm { width: 427px; height: 321px; float: right; margin: 30px 60px 0 0; background: url(../images/bulle_form.gif) no-repeat; } .balloonForm form { width: 320px; margin: 70px 50px 30px 60px; display: block; } .balloonForm table, .balloonForm table td { padding: 0; margin: 0; border-collapse: collapse; } #main .content .balloonForm form input { width: 130px; } #main .content .balloonForm form input.doubleSize { width: 280px; } #main .content .balloonForm form input.sendBtn, #main .content .sendBtn { width: 81px; height: 24px; border-style: none; } /**********************/ /* blue content style */ /**********************/ #blue #main .content h1, #main .blue h1 { color: #009ee0; font-size: 29px; font-weight: bold; font-variant: normal; } #main .content .blue h2, #main .content h2.blue { color: #009ee0; font-size: 25px; font-weight: bold; font-variant: normal; margin: 0; } #main .content .blue h3, #main .blue h3 { color: #8fdaf1; } .blue #main .content h4, #main .blue h4 { color: #009ee0; font-size: 15px; font-weight: bold; font-variant: normal; margin: 18px 0 0 0; } #main .content .blue h5, #main .content h5.blue { color: #00adef; font-size: 12px; font-weight: bold; font-variant: normal; margin: -4px 0 0 0; } #main .content .blue p, #main .content p.blue { font-size: 12px; font-weight: normal; margin: 0 0 18px 0; } #blue #main a, #blue #main a:active, #blue #main a:visited, #blue #main a:link, #blue #main a.readmorebtn, #blue #main a.readmorebtn:link, #blue #main a.readmorebtn:visited { color: #009ee0; text-decoration: none; } #blue #main a.teaserlink, #blue #main a.teaserlink:link, #blue #main a.teaserlink:visited { color: #000; text-decoration: none; } #blue #main a.teaserlink:hover { text-decoration: underline; } #blue #main a:hover { color: #00adef; text-decoration: underline; } /***********************/ /* green content style */ /***********************/ #green #main .content h1 { color: #41a62a; font-size: 29px; font-weight: bold; font-variant: normal; } #main .content .green h2, #main .green h2 { color: #41a62a; font-size: 25px; font-weight: bold; font-variant: normal; margin: 4px 0 0 0; } #main .content .green h3, #main .content h3.green { color: #67b53a; } #main .content .green h4, #main .content h4.green { color: #41a62a; font-size: 15px; font-weight: bold; font-variant: normal; margin: 18px 0 0 0; } #main .content .green h5, #main .green h5 { color: #67b53a; font-size: 12px; font-weight: bold; font-variant: normal; margin: -4px 0 0 0; } #main .content .green p, #main .content p.green { font-size: 12px; font-weight: normal; margin: 0 0 18px 0; } #main . green a, #main . green a:active, #main . green a:visited, #main . green a:link, #green #main a.readmorebtn, #green #main a.readmorebtn:link, #green #main a.readmorebtn:visited { color: #41a62a; text-decoration: none; } #main . green a:hover { color: #67b53a; text-decoration: underline; } #green #main .content input.send, #main .content .green input.send, #main .content input.green { background: #fff url('../images/button_send_green_fr.gif') no-repeat; width: 81px; height: 24px; border: none; } #green #main .content input.send:hover, #main .content .green input.send:hover, #main .content input.green:hover { background: #fff url('../images/button_send_green_fr.gif') no-repeat; } /**********************/ /* red content style */ /**********************/ #red #main .content h1, #main .red h1 { color: #d40050; font-size: 29px; font-weight: bold; font-variant: normal; } #main .content .red h2, #main .content h2.red { color: #d40050; font-size: 25px; font-weight: bold; font-variant: normal; margin: 0; } #main .content .red h3, #main .red h3 { color: #d91b5b; } #main .content .red h4, #main .content h4.red { color: #d40050; font-size: 15px; font-weight: bold; font-variant: normal; margin: 18px 0 0 0; } #main .content .red h5, #main .content h5.red { color: #d91b5b; font-size: 12px; font-weight: bold; font-variant: normal; margin: -4px 0 0 0; } #main .content .red p, #main .content p.red { font-size: 12px; font-weight: normal; margin: 0 0 18px 0; } #main .content .red a, #main .content .red a:active, #main .content .red a:visited, #main .content .red a:link, #red #main a.readmorebtn, #red #main a.readmorebtn:link, #red #main a.readmorebtn:visited { color: #d40050; text-decoration: none; } #main .content .red a:hover { color: #d91b5b; text-decoration: underline; } /**********************/ /* orange content style */ /**********************/ #orange #main .content h1 { color: #e2501b; font-size: 29px; font-weight: bold; font-variant: normal; } #orange #main .content h2, #main .content h2.orange { color: #e2501b; font-size: 25px; font-weight: bold; font-variant: normal; margin: 0; } #orange #main .content h3, #main .content h3.orange { color: #e2501b; } #orange #main .content h4, #main .content h4.orange { color: #e2501b; font-size: 15px; font-weight: bold; font-variant: normal; margin: 18px 0 0 0; } #orange #main .content h5, #main .content h5.orange { color: #e2501b; font-size: 12px; font-weight: bold; font-variant: normal; margin: -4px 0 0 0; } #orange #main .content p, #main .content p.orange { font-size: 12px; font-weight: normal; margin: 0 0 18px 0; } #main .content .orange a, #main .content .orange a:active, #main .content .orange a:visited, #main .content .orange a:link, #orange #main a.readmorebtn, #orange #main a.readmorebtn:link, #orange #main a.readmorebtn:visited { color: #e2501b; text-decoration: none; } #main .content .orange a:hover { color: #e2501b; text-decoration: underline; } /*************************/ /* purple content style */ /*************************/ #purple #main .content h1 { color: #a627a2; font-size: 29px; font-weight: bold; font-variant: normal; } #main .content .purple h2, #main .content h2.purple { color: #a627a2; font-size: 25px; font-weight: bold; font-variant: normal; margin: 0; } #main .content .purple h3, #main .content h3.purple, #purple #main .content h3 { color: #c72fc2; } #main .content .purple h4, #main .content h4.purple { color: #a627a2; font-size: 15px; font-weight: bold; font-variant: normal; margin: 18px 0 0 0; } #main .content .purple h5, #main .content h5.purple { color: #c72fc2; font-size: 12px; font-weight: bold; font-variant: normal; margin: -4px 0 0 0; } #main .content .purple p, #main .content p.purple { font-size: 12px; font-weight: normal; margin: 0 0 10px 0; } #purple #main a, #purple #main a:active, #purple #main a:visited, #purple #main a:link, #purple #main a.readmorebtn, #purple #main a.readmorebtn:link, #purple #main a.readmorebtn:visited { color: #a627a2; text-decoration: none; } #purple #main a:hover { color: #c72fc2; text-decoration: underline; } #purple #main .content input.send, #main .content .purple input.send, #main .content input.purple { background: #fff url('../images/button_send_purple_fr.gif') no-repeat; width: 81px; height: 24px; border: none; } #purple #main .content input.send:hover, #main .content .purple input.send:hover, #main .content input.purple:hover { background: #fff url('../images/button_send_purple_fr.gif') no-repeat; } .purple .balloonForm { color: #c72fc2; } /*******************************/ /*********** red box ***********/ /*******************************/ #red #main .content { width: 100%; font-size: 12px; } #red #main .content .t { background: url(../images/bg_content_line_red.gif) 0 0 repeat-x; } #red #main .content .b { background: url(../images/bg_content_line_red.gif) 0 100% repeat-x; } #red #main .content .l { background: url(../images/bg_content_line_red.gif) 0 0 repeat-y; } #red #main .content .r { background: url(../images/bg_content_line_red.gif) 100% 0 repeat-y; } #red #main .content .bl { background: url(../images/bg_content_corner_red_bl.gif) 0 100% no-repeat; } #red #main .content .br { background: url(../images/bg_content_corner_red_br.gif) 100% 100% no-repeat; } #red #main .content .tl { background: url(../images/bg_content_corner_red_tl.gif) 0 0 no-repeat; } #red #main .content .tr { background: url(../images/bg_content_corner_red_tr.gif) 100% 0 no-repeat; padding: 18px; } /*******************************/ /*********** blue box **********/ /*******************************/ #blue #main .content { width: 100%; } #blue #main .content .t { background: url(../images/bg_content_line_blue.gif) 0 0 repeat-x; } #blue #main .content .b { background: url(../images/bg_content_line_blue.gif) 0 100% repeat-x; } #blue #main .content .l { background: url(../images/bg_content_line_blue.gif) 0 0 repeat-y; } #blue #main .content .r { background: url(../images/bg_content_line_blue.gif) 100% 0 repeat-y; } #blue #main .content .bl { background: url(../images/bg_content_corner_blue_bl.gif) 0 100% no-repeat; } #blue #main .content .br { background: url(../images/bg_content_corner_blue_br.gif) 100% 100% no-repeat; } #blue #main .content .tl { background: url(../images/bg_content_corner_blue_tl.gif) 0 0 no-repeat; } #blue #main .content .tr { background: url(../images/bg_content_corner_blue_tr.gif) 100% 0 no-repeat; padding: 18px; } /*******************************/ /********** parcours bd ********/ .parcoursnav { background-image: url(../fr/images/Parcours_nav_back.gif); display: block; width: 214px; height: 315px; } .links { padding-left: 15px; padding-top: 230px; } .parcoursnav h3 { color: #d40050; font-size: 18px; margin-bottom: 10px; } .parcoursnav li { color: #d40050; } .parcoursnav ul { margin-left: 20px; } .parcoursnav a, .parcoursnav a:visited, .parcoursnav a:link { text-decoration: none; color: #d40050; font-size: 15px; font-weight: bold; font-variant: normal; } .parcoursnav a:hover { text-decoration: underline; } .parcourscol1 { display: block; float: left; width: 280px; } .parcourscol2 { display: block; float: right; width: 280px; } #main .parcourscol1 h3 { color: #d40050; } #main .parcourscol2 h3 { color: #d40050; margin-top: 12px; } .parcourscol1 ol, .parcourscol2 ol , ol.addresslist{ margin: 10px 0 0 10px; padding-left: 20px; font-size:12px; } #main .parcourscol1 a, #main .parcourscol1 a:link, #main .parcourscol1 a:visited, #main .parcourscol2 a, #main .parcourscol2 a:link, #main .parcourscol2 a:visited, ol.addresslist a, ol.addresslist a:link, ol.addresslist a:visited { text-decoration: none; color: #000; } #main .parcourscol1 .active a, #main .parcourscol1 .active a:link, #main .parcourscol1 .active a:visited, #main .parcourscol2 .active a, #main .parcourscol2 .active a:link, #main .parcourscol2 .active a:visited { color: #d40050; } #main .parcourscol1 a:hover, #main .parcourscol2 a:hover { color: #d40050; text-decoration: underline; } .active { color: #d40050; } .map { height:300px; } .adresse { padding-left: 230px; padding-top: 257px; } .adressepink { color: #d40050; } /*******************************/ /********** shops ********/ ol.addresslist li { margin:5px 0; } /*******************************/ /********** orange box *********/ /*******************************/ #orange #main .content { width: 100%; } #orange #main .content .t { background: url(../images/bg_content_line_orange.gif) 0 0 repeat-x; } #orange #main .content .b { background: url(../images/bg_content_line_orange.gif) 0 100% repeat-x; } #orange #main .content .l { background: url(../images/bg_content_line_orange.gif) 0 0 repeat-y; } #orange #main .content .r { background: url(../images/bg_content_line_orange.gif) 100% 0 repeat-y; } #orange #main .content .bl { background: url(../images/bg_content_corner_orange_bl.gif) 0 100% no-repeat; } #orange #main .content .br { background: url(../images/bg_content_corner_orange_br.gif) 100% 100% no-repeat; } #orange #main .content .tl { background: url(../images/bg_content_corner_orange_tl.gif) 0 0 no-repeat; } #orange #main .content .tr { background: url(../images/bg_content_corner_orange_tr.gif) 100% 0 no-repeat; padding: 18px; } /*******************************/ /********** purple box *********/ /*******************************/ #purple #main .content { width: 100%; } #purple #main .content .t { background: url(../images/bg_content_line_purple.gif) 0 0 repeat-x; } #purple #main .content .b { background: url(../images/bg_content_line_purple.gif) 0 100% repeat-x; } #purple #main .content .l { background: url(../images/bg_content_line_purple.gif) 0 0 repeat-y; } #purple #main .content .r { background: url(../images/bg_content_line_purple.gif) 100% 0 repeat-y; } #purple #main .content .bl { background: url(../images/bg_content_corner_purple_bl.gif) 0 100% no-repeat; } #purple #main .content .br { background: url(../images/bg_content_corner_purple_br.gif) 100% 100% no-repeat; } #purple #main .content .tl { background: url(../images/bg_content_corner_purple_tl.gif) 0 0 no-repeat; } #purple #main .content .tr { background: url(../images/bg_content_corner_purple_tr.gif) 100% 0 no-repeat; padding: 18px; } /*******************************/ /********** green box **********/ /*******************************/ #green #main .content { width: 100%; } #green #main .content .t { background: url(../images/bg_content_line_green.gif) 0 0 repeat-x; } #green #main .content .b { background: url(../images/bg_content_line_green.gif) 0 100% repeat-x; } #green #main .content .l { background: url(../images/bg_content_line_green.gif) 0 0 repeat-y; } #green #main .content .r { background: url(../images/bg_content_line_green.gif) 100% 0 repeat-y; } #green #main .content .bl { background: url(../images/bg_content_corner_green_bl.gif) 0 100% no-repeat; } #green #main .content .br { background: url(../images/bg_content_corner_green_br.gif) 100% 100% no-repeat; } #green #main .content .tl { background: url(../images/bg_content_corner_green_tl.gif) 0 0 no-repeat; } #green #main .content .tr { background: url(../images/bg_content_corner_green_tr.gif) 100% 0 no-repeat; padding: 18px; } /*******************************/ /*********** grey box **********/ /*******************************/ #grey #main .content { width: 100%; } #grey #main .content .t { background: url(../images/bg_content_line_grey.gif) 0 0 repeat-x; } #grey #main .content .b { background: url(../images/bg_content_line_grey.gif) 0 100% repeat-x; } #grey #main .content .l { background: url(../images/bg_content_line_grey.gif) 0 0 repeat-y; } #grey #main .content .r { background: url(../images/bg_content_line_grey.gif) 100% 0 repeat-y; } #grey #main .content .bl { background: url(../images/bg_content_corner_grey_bl.gif) 0 100% no-repeat; } #grey #main .content .br { background: url(../images/bg_content_corner_grey_br.gif) 100% 100% no-repeat; } #grey #main .content .tl { background: url(../images/bg_content_corner_grey_tl.gif) 0 0 no-repeat; } #grey #main .content .tr { background: url(../images/bg_content_corner_grey_tr.gif) 100% 0 no-repeat; padding: 18px; } #main a.readmorebtn, #main a.readmorebtn:link, #main a.readmorebtn:visited { text-decoration: none; float: right; font-size: 13px; font-weight: bold; display: block; margin: 10px 0 0 0; } #blue #main a.readmorebtn, #blue #main a.readmorebtn:link, #blue #main a.readmorebtn:visited, #blue #main a.readmorebtn, #blue #main a.readmorebtn:link, #blue #main a.readmorebtn:visited, #main .blue a.readmorebtn, #main .blue a.readmorebtn:link, #main .blue a.readmorebtn:visited { color: #009ee0; } #green #main a.readmorebtn, #green #main a.readmorebtn:link, #green #main a.readmorebtn:visited { color: #41a62a; } #red #main a.readmorebtn, #red #main a.readmorebtn:link, #red #main a.readmorebtn:visited, #main .red a.readmorebtn, #main .red a.readmorebtn:link, #main .red a.readmorebtn:visited { color: #d40050; } #purple #main a.readmorebtn, #purple #main a.readmorebtn:link, #purple #main a.readmorebtn:visited { color: #a627a2; } #main a.readmorebtn:hover { text-decoration: underline; } #main table.partnerTable { margin: 0 16px 40px 0; } #main table.partnerTable tr td { border-bottom: 1px dashed #b548b3; padding: 10px 10px 10px 0; font-size: 11px; color: #2f2a2b; } #main .content .rightBalloon, #main .content .rightBalloon:link, #main .content .rightBalloon:visited{ float: right; border: none; margin: 30px 30px 0 0; width: 270px; height: 208px; display: block; font-size: 18px; line-height: 120%; background: url(../images/baloon_2.gif) no-repeat 0 0; } #main .content .rightBalloon:hover{ text-decoration: none; color: #a627a2; } #main .content .rightBalloon img{ border: none; margin-top: 10px; } #main .content .rightBalloon p{ padding: 40px 30px 0; color: #a627a2; display: block; font-size: 20px; line-height: 120%; text-align: center; } /********************************************** footer *****************************************************/ #footer { clear: both; text-align: right; color: #999c97; font-size: 11px; padding: 4px 18px; }