/******************************************** * * GENERAL DECLARATIONS / RESETTER * *********************************************/ html { margin: 0; padding: 0; border: none; min-height: 100%; height: 100% !important; height: 100%; } body { margin: 0; padding: 0; border: none; text-align: center; background-color: #FFFFFF; font-family: Verdana, Arial, sans-serif; color: #333333; font-size: 11px; line-height:14px; background: transparent url(../images/bkg_main_gradient.jpg) 0px 0px repeat-x; } body.iframed {background:none;} /* block */ div { margin: 0; padding: 0; position: static;} /* liens */ a:link, a:visited, a:active, a:focus { color: #000; text-decoration: none; } a:hover { text-decoration: underline; } /* listes */ dl, ul, ol, dd, dt, li { margin: 0; padding: 0; } li { list-style: none; } /* titres */ h1, h2 ,h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Georgia, Arial, sans-serif; color: #164179; } h1 { font-size: 1.45em; line-height: 1.7em; } h2 { font-size: 1.2em; line-height: 1.5em; } h3 { font-size: 1.1em; line-height: 1.4em; } h4 { font-size: 1em; line-height: 1.3em; } h5 { font-size: 0.9em; line-height: 1.2em; } /* mise en forme - inline */ pre, code, address, caption, cite, code, dfn, em, strong, var, abbr, acronym { font-style: normal; font-weight: normal; text-decoration: none; text-transform: none; } abbr, acronym { font-variant: normal; } pre, code { font-family: monospace; } em { font-style: italic; } strong { font-weight: bold; } /* formulaire */ form { margin: 0; padding: 0; } form fieldset, form legend, form label { margin: 0; padding: 0; border: none; } form input, form textarea, form select { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; } /* paragraphe */ p, blockquote { margin: 0; padding: 0; text-indent: 0; } /* tableau */ table { border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; width: 100%; } table caption { text-align: left; } table thead tr, table tbody tr {} table thead tr th, table tbody tr td { border: none; vertical-align: top; text-align: left; } /* image */ img { display: block; margin: 0; padding: 0; border: none; line-height: 1em; font-size: 1em; } /******************************************** * * ALIGN & FLOAT & PADDING & MARGIN * *********************************************/ .align_left { text-align:left; } .align_right { text-align:right; } .align_center { text-align:center; } .align_justify { text-align:justify; } .align_top { vertical-align:top; } .align_bottom { vertical-align:bottom; } .align_middle { vertical-align:middle; } .fleft { float:left;} .fright { float:right;} .img_left { float:left; margin-right:8px; margin-bottom:5px;} .img_right { float:right; margin-left:8px; margin-bottom:5px;} .margeG2 { padding-left:2px;} .margeG5 { padding-left:5px;} .margeG10 { padding-left:10px;} .margeG15 { padding-left:15px;} .margeG20 { padding-left:20px;} .margeG145 { padding-left:145px;} .margeMG5{ margin-left:5px;} .margeMG10{ margin-left:10px;} .margeT20 { margin-top:20px;} .margeT10 { margin-top:10px;} .margeT8 { margin-top:8px;} .margeT5 { margin-top:5px;} .clear { clear:both;font-size: 1px; line-height: 1px;} .webhide { display:none;} .webshow { display:block;} .vclear { display: block; clear: both; height: 1px; width: 100%; overflow: hidden; font-size: 1px; line-height: 1px; } .relative { position: relative; } .pad10 { padding:10px; } .pad15 { padding:15px; } .pad20 { padding:20px; } .spacer10 { height: 10px; } /******************************************** * * COLORS / LINKS / VISUAL EFFECTS * *********************************************/ .gras { font-weight:bold; } .italic { font-style: italic; } .separator { display:block; height: 1px; line-height: 1px; border-top: 1px dashed #B2B2B2; } .separator_top { margin: 4px 8px 4px 8px; border-top: 1px dashed #B2B2B2; } .separator_top_mg { margin: 18px 8px 6px 8px; border-top: 1px dashed #B2B2B2; } .blue_title { font-size: 11px; line-height: 15px; font-weight: bold; color: #147999; } .black_title { font-size: 11px; line-height: 15px; font-weight: bold; color: #000000; } .blue_link a, .blue_link a:active, .blue_link a:focus, .blue_link a:visited { display: block; padding-left:10px; background: transparent url(../images/bt_header_arrow.gif) 1px 3px no-repeat; font-size: 11px; line-height: 15px; font-weight: normal; color: #147999; } .blue_link a:hover { } a.a_blue, a:active.a_blue, a:visited.a_blue, a:focus.a_blue { color: #147999; } a:hover.a_blue { color: #000000; } /******************************************** * * GLOBAL CONTAINERS * *********************************************/ #global_bkg { min-height: 720px; height: auto !important; height: 720px; background: transparent url(../images/bkg_main.jpg) top center no-repeat; } #global { position: relative; margin: 0px auto; width: 894px; text-align: left; z-index: 1; } /* general content properties */ .content_properties { padding-top: 65px; overflow:hidden; z-index: 1; } .content_properties .top { height: 275px; } .content_properties .top .inner { height: 275px !important; height: 75px; padding-top: 200px; } .content_properties .top .inner .title { } .content_properties .main { min-height: 350px; height: auto !important; height: 350px; } .content_properties .main .inner_main { padding: 6px 10px; } .content_properties .bottom { height: 60px; } /* forum layout */ #content_full { width: 894px; } #content_full .top { height: 275px; background: transparent url(../images/bkg_whitepage_header.png) 0px 0px no-repeat !important; background: transparent url(../images/bkg_whitepage_header.gif) 0px 0px no-repeat; } #content_full .top .inner { background: transparent url(../images/bkg_whitepage_header_grey.jpg) 3px 3px no-repeat; } #content_full .top .inner .title { padding: 15px 0px 0px 12px; } #content_full .main { background: transparent url(../images/bkg_whitepage_middle.png) 0px 0px repeat-y !important; background: transparent url(../images/bkg_whitepage_middle.gif) 0px 0px repeat-y; } #content_full .main .inner_main { padding: 16px 10px; } #content_full .bottom { height: 85px; background: transparent url(../images/bkg_whitepage_bottom_opti.png) 0px 0px no-repeat; } /* others pages layout */ #content { width: 679px; } #content .top { height: 275px; background: transparent url(../images/bkg_whitepage_sm_header.png) 0px 0px no-repeat !important; background: transparent url(../images/bkg_whitepage_sm_header.gif) 0px 0px no-repeat; } #content .top .inner { background: transparent url(../images/bkg_whitepage_sm_header_grey.jpg) 3px 3px no-repeat; } #content .top .inner .title { padding: 15px 0px 0px 12px; } #content .main { background: transparent url(../images/bkg_whitepage_sm_middle.png) 0px 0px repeat-y !important; background: transparent url(../images/bkg_whitepage_sm_middle_opti.png) 0px 0px repeat-y; } #content .main .inner_main { } #content .bottom { height: 60px; background: transparent url(../images/bkg_whitepage_sm_bottom_opti.png) 0px 0px no-repeat; } /* LAYOUT : 1 col */ .col_onecol { width: 654px; } /* LAYOUT : 2 col iso */ .col_iso { width: 324px; } /* LAYOUT : 2 col forums */ .col_forum_left { width: 230px; } .col_forum_right { width: 628px; } /* LAYOUT : 2 col questions */ .col_question_left { width: 230px; } .col_question_right { width: 414px; } /******************************************** * * GENERIC BLOCS * *********************************************/ /* blocs gradient */ .bloc { border: 1px solid #E7E7E7; padding: 2px; margin: 1px 0px 10px 0px; } .bloc .title, .bloc .title a.red { overflow:hidden; height: 22px; padding-left:10px; background: transparent url(../images/header_title.jpg) 0px 0px repeat-x; font-size: 11px; line-height: 20px; font-weight: bold; font-family: Georgia, Arial, sans-serif; color: #CF1E0E; } .bloc .title a.red { padding-left:0px; } .bloc .inner { padding: 6px 7px 5px 8px;} .bloc .inner p {} .bloc .inner p a, .bloc .inner p a:hover, .bloc .inner p a:active, .bloc .inner p a:visited { color: #147999; } .bloc_last { border-top: none; } .bloc_spaced { margin: 10px 0px 2px 0px; } /* blocs questions & forums */ .bloc_qf { border-top: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; padding: 2px; margin: 0px; } .bloc_qf .title { min-height: 17px; height: auto !important; height: 17px; padding: 2px 0px 2px 0px; background-color: #DCEAEF; background-image: none; } .bloc_qf .title a, .bloc_qf .title .title_header { display: block; padding-left:15px; background: transparent url(../images/bt_header_arrow.gif) 7px 5px no-repeat; font-size: 11px; line-height: 17px; font-weight: bold; font-family: Georgia, Arial, sans-serif; color: #000000; } .bloc_qf .title a:hover, .bloc_qf .title a.selected, .bloc_qf .title .title_header { color: #147999; text-decoration: none; } .bloc_qf .inner { padding: 2px 0px 2px 23px;} .bloc_qf .inner ul {} .bloc_qf .inner ul li { min-height: 19px; height: auto !important; height: 19px; border-top: 1px dashed #B2B2B2; } .bloc_qf .inner ul li.first { min-height: 19px; height: auto !important; height: 19px; border-top: 0px; } .bloc_qf .inner ul li a { display: block; color: #147999; font-size: 11px; line-height: 18px; } .bloc_qf .inner ul li a:hover { color: #000000; text-decoration: none; } .bloc_qf .inner ul li a.selected { font-weight: bold; } .bloc_qf_last { border-bottom: 1px solid #E7E7E7; } .bloc_qf_last_notop { border-top: none; border-bottom: 1px solid #E7E7E7; } .bloc_qf_fixed {} .bloc_qf_fixed .title { padding: 2px 0px 2px 0px; } .bloc_qf_biseau { padding-right: 30px; min-width: 100px; width:auto !important; width: 300px; /*width: 200px; */ min-height: 21px; height: auto !important; height: 21px; background: transparent url(../images/bt_header_right_biseau.gif) right -1px no-repeat; } .bloc_qf_biseau .bloc_qf { border-right: none; padding: 2px 10px 2px 2px; } /* blocs list qf */ .bloc_list_qf { border: 1px solid #E7E7E7; padding: 2px; margin: 0px; } .bloc_list_qf .title { height: 22px; padding-left:10px; background: transparent url(../images/header_title.jpg) 0px 0px repeat-x; font-size: 11px; line-height: 20px; font-weight: bold; font-family: Georgia, Arial, sans-serif; color: #CF1E0E; } .bloc_list_qf .title .col1 { width: 380px; color: #000000; } .bloc_list_qf .title .col2 { width: 100px; color: #000000; text-align: center; } .bloc_list_qf .title .col3 { width: 130px; color: #000000; text-align: center; } .bloc_list_qf .inner { padding: 2px 0px 5px 0px; } .bloc_list_qf .inner_forum { padding: 0px; } .bloc_list_qf .inner_pad { padding: 6px 7px 5px 8px; } .bloc_list_qf .inner_forum .col1 { float:left; width: 380px; color: #000000; } .bloc_list_qf .inner_forum .col2 { float:left; width: 100px; color: #000000; text-align: center; } .bloc_list_qf .inner_forum .col3 { float:left; width: 124px; color: #000000; text-align: center; } .bloc_list_qf .inner_forum .col2 img { display: inline; } /******************************************** * * HEADER * *********************************************/ #header { position: absolute; top: 50px; left: 0px; width: 905px; height: 240px; z-index: 1; } /* logo */ #header_logo { position: absolute; top: 0px; left: 12px; width: 223px; height: 64px; z-index: 1; } /* top menu */ #header_menu { position: absolute; top: 5px; right: 0px; z-index: 10; } #header_menu ul {} #header_menu ul li { float:left; padding: 0px 0px 0px 12px; } #header_menu ul li a, #header_menu ul li a:active, #header_menu ul li a:focus, #header_menu ul li a:visited { font-size: 11px; line-height: 12px; font-weight: bold; font-family: Georgia, Arial, sans-serif; text-decoration: none; } #header_menu ul li a:hover { color: #137291; } #header_search { position: absolute; top: 29px !important; top: 27px; right: 82px !important; right: 92px; z-index: 10; } #header_search input { border: 0px; width: 130px; height: 16px; } #header_search #form_search_bt { height:15px; width:70px; position:absolute; right: -85px !important; right: -93px; top: -2px !important; top:2px; z-index:10; cursor: pointer; } /* flash zones */ #header_top_flash { position: absolute; top: 0px; left: 221px; width: 264px; height: 50px; z-index: 2;} #header_side_flash { position: absolute; top: 18px; left: 550px; width: 170px; height: 187px; z-index: 2;} /* top zones */ #header .top_image { position: absolute; top: 0px; left: 152px; width: 401px; height: 235px; z-index: 2;} #header .top_image .mask { position: absolute; top: 0px; left: 0px; width: 401px; height: 235px; z-index: 3; background: transparent url(../images/tmp_topimage_mask.png) 0px 0px no-repeat !important; background: transparent url(../images/tmp_topimage_mask.gif) 0px 0px no-repeat; } #header .top_image .inner_masked { position: absolute; top: 0px; left: 0px; width: 401px; height: 235px; z-index: 1; overflow: hidden; } #header .top_image_home { position: absolute; top: 0px; left: 152px; width: 334px; height: 235px; z-index: 2;} #header .top_image_home .mask { position: absolute; top: 0px; left: 0px; width: 334px; height: 235px; z-index: 3; background: transparent url(../images/tmp_topimage_home_mask.png) 0px 0px no-repeat !important; background: transparent url(../images/tmp_topimage_home_mask.gif) 0px 0px no-repeat; } #header .top_image_home .inner_masked { position: absolute; top: 0px; left: 0px; width: 334px; height: 235px; z-index: 1; overflow: hidden; } #header .top_inform { position: absolute; top: 13px; left: 528px; width: 378px; height: 196px; } #header .top_inform a { font-family: Georgia, Arial, sans-serif; color: #147999; font-size: 12px; line-height: 28px; font-weight: bold; } #header .top_inform a:hover { color: #000000; } #header .top_inform .forum { position: absolute; top: 94px; left: 185px; width: 120px; height: 25px; padding-left: 55px; background: transparent url(../images/ico_question_bulle.gif) 18px 2px no-repeat; } #header .top_inform .courriel { position: absolute; top: 122px; left: 185px; width: 120px; height: 25px; padding-left: 55px; background: transparent url(../images/ico_question_courriel.gif) 1px 2px no-repeat; } #header .top_inform_home { position: absolute; top: 8px; left: 448px; width: 458px; height: 214px; } /* breadcrumbs */ #breadcrumb { margin: 0px 0px 0px 6px; } #breadcrumb ul { width: 100%; } #breadcrumb ul li { float:left; padding: 0px 0px 0px 5px; } #breadcrumb ul li a { display: block; padding-right:10px; background: transparent url(../images/bt_arrow.gif) right 4px no-repeat; font-size: 11px; line-height: 15px; font-weight: normal; color: #147999; } #breadcrumb ul li a:hover { color: #000000; text-decoration: none; } #breadcrumb ul li a.selected { color: #000000; background: none; } /* dropdown menu */ #menu { position: relative; top: 25px; left: 10px; width: 168px; height: 178px; z-index: 10; } #menu .top { height:5px; font-size: 1px; line-height: 1px; background: transparent url(../images/box_menu_top_opti.png) bottom left no-repeat; } #menu .middle { min-height: 174px; padding: 2px 10px 5px 8px; height: auto !important; height: 174px; background: transparent url(../images/box_menu_middle_opti.png) 0px 0px repeat-y; } #menu .middle .inner_menu { background-color:#FFFFFF; } #menu .middle ul { padding:11px 12px 12px 11px; background-color: #137291; } #menu .middle ul li { height: 29px; border-bottom: 1px dashed #71AABD; } #menu .middle ul li.first { border-top: 1px dashed #71AABD; } #menu .middle ul li a { display: block; width: 138px; position: absolute; left: 10px; padding-left: 10px; font-family: Georgia, Arial, sans-serif; color: #FFFFFF; font-size: 16px; line-height: 29px; font-weight: bold; } #menu .middle ul li a:hover, #menu .middle ul li a.selected { background: transparent url(../images/bt_arrow_menu.gif) 2px 12px no-repeat; text-decoration: none; } #menu .bottom { height:5px; font-size: 1px; line-height: 1px; background: transparent url(../images/box_menu_bottom_opti.png) bottom left no-repeat; } /* dropdown submenu */ .menu_sub { position: relative; top: -172px !important; top: -192px; left: 159px; width: 168px; height: 120px; z-index: 8; } .menu_sub .top { height:5px; font-size: 1px; line-height: 1px; background: transparent url(../images/box_menu_top_opti.png) bottom left no-repeat; } .menu_sub .middle { min-height: 120px; height: auto !important; height: 120px; padding: 2px 10px 5px 8px; background: transparent url(../images/box_menu_middle_opti.png) 0px 0px repeat-y; } .menu_sub .middle .inner_menu { background-color:#FFFFFF; } .menu_sub .middle ul { padding:4px 3px 4px 16px; background-color: #DCEAEF; } .menu_sub .middle ul li { min-height: 16px; height: auto !important; height: 16px; } .menu_sub .middle ul li.first { } .menu_sub .middle ul li a { display: block; padding:2px 3px 4px 10px; font-family: Georgia, Arial, sans-serif; color: #000000; font-size: 11px; line-height: 12px; font-weight: bold; } .menu_sub .middle ul li a:hover, .menu_sub .middle ul li a.selected { color:#137291; background: transparent url(../images/bt_header_arrow.gif) 1px 4px no-repeat; text-decoration: none; } .menu_sub .bottom { height:5px; font-size: 1px; line-height: 1px; background: transparent url(../images/box_menu_bottom_opti.png) bottom left no-repeat; } /******************************************** * * FOOTER * *********************************************/ #footer { width:894px !important; width:894px; padding: 5px 0px 20px 0px;} #footer .top { height:4px; background: transparent url(../images/box_footer_top.gif) bottom left no-repeat; } #footer .middle { min-height: 75px; height: auto !important; height: 75px; background: transparent url(../images/box_footer_middle.gif) 0px 0px repeat-y; } #footer .middle .inner { padding: 8px 12px 8px 12px; } #footer .middle .inner_relative { position: relative; width: 100%; } #footer .middle .inner .dotted { padding: 10px 75px 10px 10px; border: 1px dashed #B2B2B2; background: transparent url(../images/bkg_footer.gif) bottom right no-repeat; } #footer .middle .inner a, #footer .middle .inner span { color: #147999; } #footer .middle .inner a:hover { text-decoration: underline; } #footer .middle .inner h3 { font-family: Georgia, Arial, sans-serif; color: #7F7F7F; font-size: 15px; line-height: 18px; font-weight: bold; } #footer .middle .inner .marina { position: absolute; top: -42px; left: 727px; width: 177px; height: 282px; } #footer .middle .inner .marina a { display: block; } #footer .middle .inner .footer_bloc { width: 245px; } #footer .middle .inner .footer_bloc .dotted { height: 102px; padding: 10px 9px 10px 10px; border: 1px dashed #B2B2B2; background: none; } #footer .middle .inner .footer_bloc .dotted_img { height: 102px; padding: 10px 9px 10px 10px; border: 1px dashed #B2B2B2; background: transparent url(../images/bkg_footer_home.gif) bottom right no-repeat; } #footer .middle .inner .footer_bloc p { margin: 5px 0px; } #footer .middle .inner .footer_bloc ul {} #footer .middle .inner .footer_bloc ul li {} #footer .middle .inner .footer_bloc ul li a { font-family: Verdana, Arial, sans-serif; color: #147999; font-size: 11px; line-height: 20px; font-weight: normal; } #footer .middle .inner .footer_bloc ul li a:hover {} #footer .middle .inner .footer_bloc ul.footer_llinks { width: 144px; } #footer .middle .inner .footer_bloc ul.footer_rlinks { width: 75px; } #footer .bottom { height:4px; background: transparent url(../images/box_footer_bottom.gif) 0px 0px no-repeat; } #footer .links { float:left; position:relative; left:50%; text-align:left; } #footer .links ul { position:relative; left:-50%;} #footer .links ul li { position:relative; float:left; padding: 0px 5px 0px 5px; font-size: 11px; line-height: 20px; } #footer .links ul li a { font-family: Verdana, Arial, sans-serif; color: #147999; font-size: 11px; line-height: 20px; font-weight: normal; } #footer .links ul li a:hover { color: #000000; } #footer .links ul.first { } #footer .links ul.second { } /******************************************** * * RIGHT COL * *********************************************/ #content_right { position: absolute; top: 280px; left: 698px; width: 200px; height: 420px; overflow: hidden; } #content_right a, #content_right a:active, #content_right a:focus, #content_right a:visited { text-decoration: none; color: #147999; } #content_right a:hover { color: #000000; } #content_right p { font-size: 10px; line-height: 12px; font-weight: normal; color: #000000; margin-bottom: 12px; } #content_right p.radio { line-height: 22px; margin-bottom: 2px; } #content_right p.title { font-weight: bold; margin-bottom: 2px; } #content_right a { font-size: 10px; line-height: 12px; font-weight: normal; } #content_right a.news, #content_right a.news_text { font-size: 10px; line-height: 12px; color: #000000;} #content_right a.news { font-weight: bold; } .tooltip_blue { position: relative; margin: 5px 0px 5px 0px; width: 100%; } .tooltip_blue .lc { float:left; width: 10px; height: 38px; background: transparent url(../images/tooltip_blue_left_opti.png) 0px 0px no-repeat; } .tooltip_blue .text { float:left; padding:0px 3px 0px 3px; height: 38px; width: auto; font-family: Georgia, Arial, sans-serif; color: #FFFFFF; font-size: 11px; line-height: 30px; font-weight: bold; background: transparent url(../images/tooltip_blue_mid_opti.png) 0px 0px no-repeat; } .tooltip_blue .rc { float:left; width: 10px; height: 38px; background: transparent url(../images/tooltip_blue_right_opti.png) 0px 0px no-repeat; } #form_sondage_results { margin: 2px 0px 10px 0px; } #content_right_iadvize { width: 189px; left: 549px; overflow: hidden; position: absolute; top: 88px; z-index: 100; } #content_right_iadvize #button_online {} #content_right_iadvize #button_online .idz_bg { width: 189px; height: 97px; background: transparent url(../images/chat-Tel-Jeunes-off.gif) 0px 0px no-repeat; } #content_right_iadvize #button_online .idz_bg:hover { background: transparent url(../images/chat-Tel-Jeunes-on.gif) 0px 0px no-repeat; } #content_right_iadvize #button_online .idz_bg a { display: block; width: 189px; height: 97px; text-indent: -10000px; overflow: hidden; background-image: none; } #content_right_iadvize #button_online .idz_bg h1, #content_right_iadvize #button_online .idz_bg h2, #content_right_iadvize #button_online .idz_profil { display: none; } #content_right_iadvize #button_offline { height: 0px; width: 0px; } /******************************************** * * HOMEPAGE * *********************************************/ .home_question { min-height: 175px; height: auto !important; height: 175px; } .home_question .insert { position: relative; height: 145px; background: transparent url(../images/fr/box_questions.jpg) 0px 0px no-repeat; } .home_question .insert_en { position: relative; height: 145px; background: transparent url(../images/en/box_questions.jpg) 0px 0px no-repeat; } .home_question .insert a { font-family: Georgia, Arial, sans-serif; color: #147999; font-size: 12px; line-height: 28px; font-weight: bold; } .home_question .insert a:hover { } .home_question .insert .forum { position: absolute; top: 82px; left: 54px; width: 100px; height: 20px; } .home_question .insert .courriel { position: absolute; top: 82px; left: 207px; width: 100px; height: 20px; } /* last laisse messages caroussels */ .home_trace { min-height: 125px; height: auto !important; height: 125px; } .home_trace .inner { position: relative; width: 170px; } .home_trace .inner .insert, .home_trace .inner .insert_avatar { position: absolute; top: -34px; left: 180px; width: 124px; height: 139px; background: transparent url(../images/bkg_laissett_caroussel_opti.png) 0px 0px no-repeat;} .home_trace .inner .insert_avatar { background-image: none; } .home_trace .inner .insert_avatar .avatar { position: absolute; top: 35px; left: 35px; width: 62px; height: 62px; overflow: hidden; } .home_trace .inner .insert_avatar .avatar img { width: 60px; height: 60px; } .home_trace .inner .insert_avatar .avatar a { display: block; width: 60px; height: 60px; } .home_trace .inner .insert_avatar .avatar span { width: 60px; height: 60px; } .home_trace .inner .insert_avatar .avatar_prev { position: absolute; top: 103px; left: 22px; width: 20px; height: 20px; } .home_trace .inner .insert_avatar .avatar_next { position: absolute; top: 103px; left: 88px; width: 20px; height: 20px; } .home_trace .inner .insert_avatar .avatar_control a, .home_trace .inner .insert_avatar .avatar_control a:hover { display: block; text-decoration: none; width: 20px; height: 20px; } .home_trace .inner .insert_avatar .avatar_container { display: none; } .home_trace .inner .insert_avatar .current { display: block; } .home_implique { position: relative; min-height: 105px; height: auto !important; height: 105px; } .home_implique .insert { position: absolute; bottom: -29px; left: 27px; width: 217px; height: 51px; background: transparent url(../images/box_aider_branche_bottom.gif) 0px 0px no-repeat; } /* tag cloud home */ .tag_cloud { position: absolute; top: 45px; left: 36px; width: 400px; height: 150px; } .tag_cloud div { position: absolute; width: 150px; height: 30px; line-height: 28px; } .tag_cloud .pos0{ top: 100px; left: 264px; text-align: center;} .tag_cloud .col0 a { font-family: Georgia, Arial, sans-serif; color: #00cc7d; font-size: 18px; font-weight: bold; text-decoration: none; } .tag_cloud .pos1{ top: 37px; left: 10px; } .tag_cloud .col1 a { font-family: Georgia, Arial, sans-serif; color: #2c8fc7; font-size: 22px; font-weight: bold; font-style: italic; text-decoration: none; } .tag_cloud .pos2{ top: 60px; left: 112px; } .tag_cloud .col2 a { font-family: Verdana, Arial, sans-serif; color: #ec6523; font-size: 20px; font-weight: bold; text-decoration: none; } .tag_cloud .pos3{ top: 33px; left: 194px; } .tag_cloud .col3 a { font-family: Courier New, Courier New, Courier, monospace; color: #04a8a2; font-size: 18px; font-weight: bold; text-decoration: none; } .tag_cloud .pos4{ top: 4px; left: 253px; text-align: center; } .tag_cloud .col4 a { font-family: Arial, sans-serif; color: #CC1100; font-size: 26px; font-weight: normal; text-decoration: none; } .tag_cloud .pos5{ top: 50px; left: 258px; text-align: right; } .tag_cloud .col5 a { font-family: Verdana, Arial, sans-serif; color: #CC0066; font-size: 21px; font-weight: normal; text-decoration: none; } .tag_cloud .pos6{ top: 83px; left: 209px; } .tag_cloud .col6 a { font-family: Georgia, Arial, sans-serif; color: #164179; font-size: 19px; font-weight: bold; font-style: italic; text-decoration: none; } .tag_cloud .pos7{ top: 84px; left: 30px; } .tag_cloud .col7 a { font-family: Trebuchet MS, Helvetica, sans-serif; color: #969696; font-size: 24px; font-weight: normal; text-decoration: none; } .tag_cloud .pos8{ top: 123px; left: 22px; } .tag_cloud .col8 a { font-family: Georgia, Arial, sans-serif; color: #99CC00; font-size: 18px; font-weight: bold; text-decoration: none; } .tag_cloud .pos9{ top: 122px; left: 176px; } .tag_cloud .col9 a { font-family: Tahoma, Geneva, sans-serif; color: #000000; font-size: 22px; font-weight: normal; text-decoration: none; } .bann_marathon { margin: 0px 0px 10px 0px; border: 1px dashed #B4B4B4; width: 656px; /*transparent url(../images/bkg_marathon.jpg) 0px 10px no-repeat;*/ } .bann_marathon .inner { display: none; margin: 5px 6px; background: #EAF2F5 url(../images/fleche_bleue.png) -1px -1px no-repeat; } .bann_marathon .text { color: #147999; font-family: Georgia,Arial,sans-serif; font-size: 12px; font-weight: bold; line-height: 28px; } .bann_marathon p { padding: 1px 0px 8px 20px; color: #147999; font-family: Georgia,Arial,sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; } .bann_marathon .next { display: block; width: 130px; height: 45px; padding: 5px 5px 0px 0px; text-align: right; } .bann_marathon a { color: #147999; display: block; font-size: 11px; font-weight: normal; line-height: 15px; padding-left: 10px; background: url("../images/bt_header_arrow.gif") no-repeat scroll 1px 3px transparent; font-family: Verdana,Arial,sans-serif;} /******************************************** * * QUESTIONS * *********************************************/ .subtitle_questions { width: 440px; height:40px; font-size: 11px; line-height: 15px; font-weight: bold; font-family: Georgia, Arial, sans-serif; color: #000000; } #print_page { position: absolute; top: -17px; right: 10px; width: 107px; height: 20px; } #search_keywords { position: absolute; top: 20px; right: 15px; width: 198px; height: 21px; padding: 2px; border-top: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; } #search_keywords input, #form_view_password input { font-family:Georgia,Arial,sans-serif; font-size:11px; font-weight:bold; line-height: 18px; } .pagination { position: absolute; top: 1px; right: 0px; z-index: 10; } .pagination a { display: block; color: #147999; font-size: 11px; line-height: 18px; font-weight: normal; font-family: Verdana, Arial, sans-serif; text-decoration: none; } .pagination a:hover { color: #000000; } .pagination ul {} .pagination ul li { float:left; height: 18px; padding: 0 3px; text-align: center; color: #000000; font-size: 11px; line-height: 18px; font-weight: normal; font-family: Verdana, Arial, sans-serif; } .pagination ul li.first, .pagination ul li.prev, .pagination ul li.next, .pagination ul li.last { width: 17px; padding: 0; } .pagination ul li.first { background: transparent url(../images/bt_pagination_first.gif) 6px 7px no-repeat; } .pagination ul li.prev { background: transparent url(../images/bt_pagination_prev.gif) 6px 7px no-repeat; } .pagination ul li.next { background: transparent url(../images/bt_pagination_next.gif) 6px 7px no-repeat; } .pagination ul li.last { background: transparent url(../images/bt_pagination_last.gif) 6px 7px no-repeat; } .pagination ul li a { display: block; color: #000000; font-size: 11px; line-height: 18px; font-weight: normal; font-family: Verdana, Arial, sans-serif; text-decoration: none; } .pagination ul li a:hover, .pagination ul li a.selected { color: #147999; font-weight: bold; } .pagination .prev_question { position: absolute; top: 0px; left: 0px; width: 200px; height: 20px; } .pagination .next_question { position: absolute; top: 0px; right: 10px; width: 200px; height: 20px; text-align: right; } .pagination_left {left: 10px;} .row_question { border-top: 1px dashed #B2B2B2; margin-top: 3px; padding: 9px 9px 5px 8px; line-height: 16px; } .row_question .section { font-weight: bold; } .row_question .suite a { color: #147999; } .row_question .reply { border-top: 1px dashed #B2B2B2; margin-top: 10px; padding-top: 10px; } .row_question .reply .title_rep { color: #147999; font-weight: bold; } .row_question .reply .text {} .star_question { border-top: none; background-color: #EDF4F7; } .star_question .title { padding-left:25px; font-family: Verdana, Arial, sans-serif; color: #000000; font-size: 11px; line-height: 20px; background: transparent url(../images/ico_star_question.gif) 2px 0px no-repeat; } .single_question { border-top: none; background-color: #F7F7F7; } .single_question_white { border-top: none; background-color: #FFFFFF; } #fancy_submit {display: none;} /******************************************** * * FORUMS * *********************************************/ .pagination_reply_block { height:26px; } .pagination_reply_block .pagination_back { position: absolute; top: 0px; left: 0px; width: 380px; height: 22px; line-height: 32px; } .pagination_reply_block .pagination_back a { color: #147999; } .pagination_reply_block .pagination_reply { position: absolute; top: 0px; right: 0px; width: 220px; height: 22px; line-height: 12px; } .pagination_reply_block .pagination_reply_detail { width: 183px; } .pagination_reply_block .pagination_reply_detail_wide { width: 240px; } .row_forum { border-top: 1px dashed #B2B2B2; margin-top: 1px; padding: 9px 9px 5px 8px; line-height: 16px; } .row_forum_first { border-top: none; } .row_blue { background-color: #EDF4F7; } .row_forum .title_post { font-weight: bold; } .row_forum .title_post a { color: #147999; } .row_forum .title_post a:hover { color: #000000; text-decoration: none; } .row_forum .title_blue { color: #147999; } .row_forum .text_post_question { padding: 12px 2px 4px 0px; } .row_forum .text_post_reponse { padding: 12px 2px 4px 30px; } .row_forum .title_reply { color: #CF1E0E; font-weight: bold; } .form_forum_reply .inner_col {width: 298px; } .form_forum_reply .separator_top { margin-top: 20px;} /******************************************** * * QUESTIONS / FORMS ELEMENTS * *********************************************/ select { height: 18px; line-height:10px; font-size: 11px; } .textfield { border: 1px solid #E7E7E7; width: 164px; height: 17px; padding: 1px 1px 1px 1px; } .textfield_alt { border: 1px solid #E7E7E7; width: 164px; height: 17px; padding: 1px 1px 1px 1px; } .bt_submit_blue { width: 28px; height: 21px; } .bt_submit_blue a { display:block; height: 21px; background: transparent url(../images/bt_submit_arrow.gif) 0px 0px no-repeat; } .bt_submit_blue a:hover { text-decoration: none; } .inner_col { width: 313px; } .inner_col .inner_pad { padding: 7px 0px 7px 0px; } .inner_col .inner_big_pad { padding: 5px 8px 5px 8px; } .inner_col .inner_title { color: #147999; font-weight: bold; } .form_questions { } .form_questions .pad_subtitle { padding: 5px 8px 5px 8px; } .form_questions img { display: inline; } .form_questions ul { margin: 2px 0px 3px 13px; text-indent:-1em;} .form_questions ul li { list-style-image:none; list-style-position:inside; list-style-type:disc; line-height: 18px; position: relative; } .form_questions .mandatory_fields { position: absolute; top: -18px; left: 0px; width: 160px; height: 15px; font-weight: bold; } .form_questions .mandatory_star { padding: 0px 5px 0px 5px; height: 20px; background: transparent url(../images/ico_mandatory.gif) 0px 0px no-repeat; } .form_questions .itext { border: 1px solid #E7E7E7; height: 17px; padding: /*1px 1px 1px 1px;*/ 2px 0px 0px 5px; } .form_questions select.itext { height: 20px; } .form_questions .itextarea { border: 1px solid #E7E7E7; padding: 1px 1px 1px 1px; width: 326px; } .form_questions .xs { width: 40px; } .form_questions .sm { width: 115px; } .form_questions .med { width: 175px; } .form_questions .xl { width: 326px; } .form_questions label { display: block; width: 145px; color: #147999; font-weight: bold; } .form_questions label.lxs { width: 30px; color: #000000; } .form_questions label.lxsm { width: 40px; } .form_questions label.lsm2 { width: 50px; } .form_questions label.lsm { width: 60px; } .form_questions label.lxxl { width: 430px; } .form_questions label.lxl { width: 415px; } .form_questions label.lmed { width: 230px; } .form_questions label.lmed2 { width: 300px; } .form_questions label.lmed3 { width: 260px; } .form_questions label.chars { width: 135px !important; width: 120px; } .form_questions label.extra { font-family:Georgia,Arial,sans-serif; font-size:11px; display: block; width: 163px; height: 115px; padding: 5px; color: #147999; font-weight: normal; border: 1px solid #E7E7E7; } .form_forum_reply .itextarea { width: 310px; } .bloc_list_qf .form_questions .title { background-image: none; background-color:#DCEAEF; } .tooltipable { height:20px; width:20px; } #tooltip { position: absolute; z-index: 3000; padding: 5px; width: 195px; margin-top: 20px; } #tooltip h3 { font-size: 10px; line-height: 12px; font-weight: normal; color: #147999; margin: 0; } #tooltip div { margin: 0; } #tooltip .ttop { height: 5px; background: transparent url(../images/tooltip_q_top_opti.png) bottom left no-repeat; } #tooltip .tmain { min-height: 50px; height: auto !important; height: 50px; background: transparent url(../images/tooltip_q_middle.png) bottom left no-repeat !important; background: transparent url(../images/tooltip_q_middle_opti.png) bottom left no-repeat; } #tooltip .tmain .tinner { text-align: left; padding: 10px 20px; font-size: 10px; line-height: 12px; font-weight: normal; color: #147999; margin-bottom: 0px; } #tooltip .tbottom { height: 13px; background: transparent url(../images/tooltip_q_bottom_opti.png) 0px 0px no-repeat; } .form_questions .rel_form_row { position: relative; } .form_questions .rel_form_row label { position: relative; } .form_questions .rel_form_row select { position: relative; } .form_questions .rel_form_row textarea { position: relative; } .form_questions .rel_form_row input { position: relative; } .form_questions .error_input { border: 2px solid #CF1E0E; } .form_questions .error_label { display: none; margin: 5px 0px 10px 140px; color: #CF1E0E; font-size: 11px; line-height: 14px; font-weight: bold; /*font-style: italic; */ position: relative; top: 0px; left: 3px; } .form_questions .error_label_left { margin : 5px 0px 10px 0px; } span.radio { width: 19px; height: 23px; padding: 0px 5px 0px 0px; background: url(../images/ico_cbx_n.gif) no-repeat; display: block; clear: left; float: left; } .radio2 span.radio { background: url(../images/ico_cbx_y.gif) no-repeat; } #top_suggestions { display:none; margin: 10px 0px 30px 0px; } #top_suggestions .wrapper { width: 300px; border:1px solid #E7E7E7; margin: 0px 0px 0px 9px; height: 125px; overflow: auto; } #top_suggestions .wrapper .inner_list { padding: 0px 2px 2px 2px; } #top_suggestions .wrapper .inner_list .row_even { cursor: pointer; margin-top : 2px; padding: 2px; background-color: #F5F5F5; } #top_suggestions .wrapper .inner_list .row_odd { cursor: pointer; margin-top : 2px; padding: 2px; background-color: #E7E7E7; } #top_suggestions .ico { position: absolute; top: 7px; left: 317px; width: 9px; height: 11px; background: url(../images/ico_questions_suggest.gif) no-repeat; } /******************************************** * * INFORME-TOI : ARTICLES * *********************************************/ .article { min-height: 250px; height: auto !important; height: 250px; } .article .bloc_title { border-bottom: 1px dashed #B2B2B2; margin: 0px 0px 5px 0px; background: transparent url(../images/bt_arrow_top_page.gif) right 7px no-repeat; font-family: Verdana, Arial, sans-serif; color: #147999; font-size: 11px; line-height: 16px; font-weight: bold; } .article .bloc_first { background: none; margin: 0px 0px 5px 0px; } .article .bloc_text {} .article .bloc_text ul { margin: 5px 0px 5px 5px; text-indent:-1em; margin-left: 13px;} .article .bloc_text ul li { list-style-image:none; list-style-position:inside; list-style-type:disc; } .article .bloc_text p { margin: 10px 0px 0px 0px; } .article .bloc_text a, .article .bloc_text a:active, .article .bloc_text a:visited { color: #147999; text-decoration: none; } .article .bloc_text a:hover { text-decoration: underline; } .article .inner h3 { clear: left; color:#000000; font-family:Verdana,Arial,sans-serif; font-size:11px; line-height:20px; } .article .inner img { margin: 4px; } .article .inner img.img_left { float:left; margin: 4px; } .article .inner img.img_right { float:right; margin: 4px; } .article .inner img.img_none { display: block; margin: 0 auto; } /******************************************** * * QUI SOMMES NOUS * *********************************************/ .qsn_orsini { min-height: 115px; height: auto !important; height: 115px; } .qsn_orsini .inner { position: relative; width: 170px; } .qsn_orsini .inner .insert { position: absolute; top: -31px; left: 212px; width: 109px; height: 138px; } /******************************************** * * LAISSE TA TRACE * *********************************************/ .laissett .brd { border: 1px solid #E7E7E7; padding: 3px; } .laissett .brd .message { width: 194px; background: transparent url(../images/bkg_laissett_main.gif) 0px 0px repeat-x; overflow: hidden; } .laissett .brd .message .inner_message { padding:10px 10px 10px 12px; min-height: 210px; height: auto !important; height: 210px; font-size: 11px; line-height: 15px; font-weight: bold; font-family: Georgia, Arial, sans-serif; color: #333333; } .laissett .brd .message .inner_message .msg_avatars { } .laissett .brd .message .inner_message .msg_avatars span { display: block; width: 58px; height: 58px; } .laissett .brd .message .inner_message .webshow { display: block; } .laissett .brd .message .inner_message img { } .laissett .brd .message .inner_message .signature { width: 150px; height: 20px; margin: 8px 0px 5px 0px; color: #147999; } .laissett .brd .message .inner_message .separator_top { margin: 8px 0px 5px 0px; padding: 10px 0px 0px 0px;} .laissett .brd .mosaic { width: 436px; } .laissett .brd .mosaic ul { } .laissett .brd .mosaic ul li { float: left; width:27px; height: 27px; border:1px solid #CFCEBA; overflow:hidden; position:relative; margin: 0px 0px 2px 2px; } .laissett .brd .mosaic ul li.first { margin: 0px 0px 2px 2px; } .laissett .brd .mosaic ul li:hover { border: 1px solid #000000; outline: none; } .laissett .brd .mosaic ul li.selected { border: 1px solid #000000; outline: none; } .laissett .brd .mosaic ul li a { display: block; outline: none; } .laissett .brd .mosaic ul li span { position:absolute; left:-5px; top:-5px; } .laissett .brd .mosaic ul li a img { position:absolute; left:-6px; top:-6px; height:39px; width:39px; } .laissett .conditions ul { float: left; width: 298px; margin: 5px 0px 0px 20px !important; margin: 5px 0px 0px 10px; padding: 0px; list-style-image: url(../images/bt_header_arrow.gif); } .laissett .conditions ul li { margin-bottom: 8px; list-style-image: url(../images/bt_header_arrow.gif);} .laissett .form_laisse .avatars_list ul { margin: 20px 19px 20px 24px; } .laissett .form_laisse .avatars_list ul li { float: left; width:66px; height: 66px; list-style-image:none; list-style-position:outside; list-style-type:none; } .laissett .form_laisse .avatars_list ul li a { display: block; width:58px; height: 58px; outline: none; } .laissett .form_laisse .avatars_list ul li a:hover { border: 1px solid #FFFFFF; outline: none; } .laissett .form_laisse .avatars_list ul li a.selected { border: 1px solid #FFFFFF; outline: none; } /******************************************** * * NOUVELLES * *********************************************/ .row_news_first { border-top: none; } .row_news .title { padding-left:0px; font-family: Verdana, Arial, sans-serif; color: #000000; font-size: 11px; line-height: 20px; height: auto !important; background: none; } /******************************************** * * DONS * *********************************************/ .dons .inner ul { margin: 5px 0px 5px 5px; } .dons .inner ul li { list-style-image:none; list-style-position:inside; list-style-type:disc; } .dons .inner p { margin: 10px 0px 0px 0px; } .dons .inner .donate_button { width: 200px; margin: 10px 30px 10px 5px; } .dons .inner .pdfbutton { width: auto !important; width: 300px; display: inline; } .dons .inner .pdfbutton a { padding-right: 15px; } .dons .inner .howto { width: 423px; margin: 20px 0px 0px 0px; } .dons .inner .howto .bloc { margin: 1px 0px 0px; } .dons .inner .howto .expandable { /*min-height: 150px; height: auto !important; height: 150px; */ background: transparent url(../images/bkg_dons_howto.jpg) bottom left repeat-x;} .dons .inner .howto .expandable .links { width: 384px; height: 80px; border-top: 1px dashed #B2B2B2; padding: 9px 0px 0px 0px; margin: 5px 0px 0px 0px; background: transparent url(../images/bkg_dons_howto_3ways.png) bottom left no-repeat; } .dons .inner .howto .expandable .links .link_1 { position: absolute; top: 30px; left: 12px; width: 55px; height: 25px; } .dons .inner .howto .expandable .links .link_2 { position: absolute; top: 36px; left: 105px; width: 152px; height: 25px; } .dons .inner .howto .expandable .links .link_3 { position: absolute; top: 37px; left: 298px; width: 75px; height: 25px; } .dons .inner .howto .expandable .links .ways a { display: block; font-weight: bold; color: #5e5e5e; } .dons .inner .howto .expandable .links .ways a:hover { color: #147999; text-decoration: none; } .dons .inner .howto .bloc_qf .title { padding: 0; } .dons .inner .howto .bloc_qf .title a { padding-top: 2px; padding-bottom: 2px; background-position: 7px 50%; } .dons .inner .howto .bloc_qf .title a:hover, .dons .inner .howto .bloc_qf .title a.selected { color:#000000; text-decoration:none; background: #cacaca url(../images/bt_header_arrow_down.gif) no-repeat 3px 50%; } .dons .inner .where { width: 198px; margin: 20px 0px 0px 10px; } .dons .inner .where img { margin: 2px 0px 5px 0px; } .dons a { color: #147999; } .absolute_radio_wrapper { position: absolute; bottom: 0; left: 150px; } #pieChart_legend { list-style: none; margin: 0; padding: 0; } #pieChart_legend li { list-style: none; color: #2f2f2f; } #pieChart_legend li strong { min-height: 22px; height: auto !important; height: 22px; display: block; margin: 0; padding: 0 0 0 42px; background: transparent no-repeat 5px 50%; } #pieChart_legend li.blgreen strong { background-image: url(../images/pie_greenBlock.gif); } #pieChart_legend li.blblue strong { background-image: url(../images/pie_blueBlock.gif); } #pieChart_legend li.first { padding-bottom: 10px; margin-bottom: 10px; background: url(../images/pie_divider.gif) no-repeat 1px bottom; } /******************************************** * * SEARCH * *********************************************/ .search_bloc { margin: 15px 0px 4px 0px; padding-top: 8px; border-top: 1px dashed #B2B2B2; } .search_bloc_first { margin: 5px 0px 4px 0px; border-top: 0px; } .search_bloc p.item_title { margin-top: 25px; font-weight: bold; } .search_bloc p.item_title a { font-weight: bold; } .search_bloc p { margin-top: 3px; } .search_bloc .search_term { /*background:transparent url(../images/header_title.jpg) repeat-x scroll 0px;*/ color:#CF1E0E; font-family:Georgia,Arial,sans-serif; font-size:11px; font-weight:bold; height:22px; line-height:13px; padding: 0px 3px 0px 3px; } /******************************************** * * NEXT * *********************************************/ /******************************************** * * NEXT * *********************************************/ .blue_link { color: #147999; }