body {font-family: Arial, Helvetica, sans-serif; color:#002532; font-size: 11px; margin: 0; padding: 0; background:#fff url(../../../images/bg_pti.png) repeat-x} a, a:active:visited {text-decoration:none; color:#002532} a:hover {color: #000} h1, h2 {padding: 0 0 0 20px; color:#002532; font-weight:bold; margin:-5px 0 0 0; line-height:20px; font-size:18px} p#intro {line-height:16px !important; font-size:14px!important; padding: 9px 30px !important; font-weight:bold; color:#d63c80 !important; text-align:center; margin: 0!important; } h1 sup,h2 sup{padding: 0 0 0 4px; font-weight:normal; vertical-align:super; font-size:12px; line-height:20px; } h3 {padding: 0 0 10px 0; color:#002532; font-weight:bold; margin:0; line-height:14px} h4 {color:#002532; font-weigth:bold; font-size:14px; line-height: 14px; margin:0; padding:0} h5 {margin:0; padding:15px 0 10px 17px; font-size:18px; line-height:16px; font-weight:bold; color:#002532} h6 {padding:4px 0 4px 0px; color:#002532; text-align:left; font-size:14px; font-weight:bold; margin:0 0 0 23px; line-height:14px} .italic {font-style: italic; font-size:10px} p {line-height:16px; margin: 0; padding:0} .left {margin:6px 10px 5px 0} .right{margin:6px 0 5px 10px} hr {color: #f1ece5; background:#f1ece5} hr.space {color:none; background:none; padding:0; margin:0; height:1px; border:0px} a#retlist {clear:both; float:left; dislay:block;width:111px; height:29px; padding: 13px 0 0 35px;margin: 0 6px 0 0; background:url(../../../images/bt_ret_liste.png) no-repeat; font-weight:bold} a#retlist:hover {color:#fd5ea0} /* ---------*/ .wrapper {padding:0; margin:0; width:100%; background: url(../../../images/bg.png) no-repeat 50% 0} .container {padding:0 0 25px 0px; margin:0 auto; width:960px} .container img#img_fd {display:none} .sans {border:none; background:none} .noborder {border-top:0px; border-bottom:0px; border-lefty:0px; border-right:0px} /* ------------------- header ------------------------- */ #header {position:relative; z-index:750; left:0; padding:0; margin: 0 auto; width:900px; height:103px} #header span, #header span, #header h2 {display:none} #bt_retacc {float:left; margin: 20px 0px 0px 0px; /* position:relative; top:25px; left:25px */} /* --- recherche ds le header --- */ #rech_top {position:absolute; top:5px ; z-index:1200; right:0; font-weight:bold; padding: 0; width: 260px; color:#fff; font-size:11px; text-align:left} #rech_top form label {float:left; width: 20px; color:#fff; font-size:11px; text-align:left} #rech_top input.bt_input, #rech_top button.bt_input {margin-top:-3px;background: url(../../../images/bt_ok_top.png) no-repeat 0 3px; font-weight:normal; color:#fff; height:27px; width:37px; padding:0} #rech_top input.bt_input:hover, #rech_top button.bt_input:hover {background: url(../../../images/bt_ok_top_o.png) no-repeat 0 2px; color:#fff} input.champs {float:left; height:16px; width:91px; background: url(../../../images/ombr2.png) no-repeat top right; color:#002430; margin:-1px 5px 0 0;} /* --- se connecter | s'inscrire --- */ div #header_blocs {position: absolute; top:48px; left:806px; margin: 10px 24px 0 0; padding: 0 ; width: 85px; color:#607f8b; font-size:11px; text-align:left;} div #header_blocs a.ojd {color: #002e3c; line-height:20px; text-decoration:none ; background: url(../../../images/ojd_pti.png) no-repeat ; padding: 0px 0 0px 31px; height:24px; display:block} div #header_blocs a.ojd:hover {color:#fff; text-decoration:none ;background: url(../../../images/ojd_pti_o.png) no-repeat} div.acc #header_blocs {left:806px !important} /* ------------- navigation ------------ */ .navig {position:relative; z-index:800; margin:0 auto; width: 950px; height:32px; padding:0; background:url(../../../images/fd_bt.png) repeat-x} .navig a {display:block; float:left; margin:0px 1px 0 0; padding: 8px 30px 6px 30px; color:#FFF; font-weight:bold} .navig a:hover, .navig_sous a:hover, .navig a.selected {color:#4163b0; background: url(../../../images/fd_bt_o.png) repeat-x} div.navig_search {float:right; text-align:right; width: 267px; background:none; font-weight:bold; color:#fff; font-size:14px; line-height:24px; margin:0; padding:11px 0px 0 0} div.navig_search select {width:120px} /* ------- chemin de nav ----- */ .chemin {clear:both; display:block; background:#ecd7e1; width:884px; text-decoration:none; font-weight:bold; color:#000; padding:15px 8px 8px 15px; margin: 0 0 0px 22px} .chemin a, .chemin div a:active:visited {text-decoration: underline; font-weight:bold; color:#000} .chemin a:hover {color:#3d5ca5; text-decoration:underline; font-weight:bold; color:#fd5ea0} /* ------- gabarits ----- */ #content {padding:0; margin:0; width:100%; float:left} div#large {position:relative; top:0px;width:635px; float:left; padding: 0px; margin: 20px 0 0 12px;} div#grd_large {position:relative; top:0px;width:914px; float:left; padding: 0px ; margin: 0 0 0 17px} div#grd_large p, div#large p {color:#686868;padding:0px; margin:10px 20px 10px 0} div#drte {width:270px; float:right; padding: 22px 20px 0px 0px; margin:0 12px 0px 0px} /* ---rub---- */ #large #tablo_acc {width:290px; margin:0; padding:24px 0 0 27px; background:url(../../../images/fd_tablo_acc.png) no-repeat 0 0; float :left} #grd_large #tablo_acc {height:auto; clear:both;float:left;width:915px; padding:15px 0 0 27px; margin:0; background:url(../../../images/fiche_tab_mid.png) repeat-y; float :left} #tablo_fiche_tit {float :left;padding:0;margin:0 0 0 0 ;width:252px; margin:0; } #tablo_fiche_tit h1 {} #tablo_fiche_tit img {padding:20px 0 8px 12px; float:left} #tablo_fiche_desc {float :left; display:block;width:648px; padding: 0;margin: 0 ; background:url(../../../images/fiche_desc_mid.png) repeat-y} #tablo_fiche_desc img#bottom {position:relative; z-index:869; bottom:0px; left:0 ;margin:0; padding:0} #tablo_fiche_desc fieldset {position:relative; left:34px; border:none; margin: 0; padding:0} #tablo_fiche_desc fieldset legend {position:relative; top:10px;line-height:9px; width:150px; padding:2px 0; margin:0 ; font-weight:bold; font-size:14px} #tablo_fiche_desc fieldset div.block {position:relative; top:-15px; left:150px; width:400px; background:#f3f7fa; padding:7px 18px;margin:0} #tablo_fiche_desc fieldset div.block p {padding:0px; margin: 0px ; font-size:11px;line-height:13px} #tablo_fiche_desc fieldset div.block p a {color:#686868; text-decoration:underline} #tablo_fiche_desc fieldset div.block p a:hover {color:#002532; text-decoration:underline} #tablo_fiche_desc fieldset div.block div.puce {cursor:pointer; position:static; display:block; float:right; margin:0; padding:0; height:10px; width:10px; background: url(../../../images/flche_bas_pti.png) no-repeat} #tablo_fiche_desc fieldset div.block div.puce.active {cursor:pointer; background: url(../../../images/flche_haut_pti.png) no-repeat} #grd_large a.imprim, a.imprim {float:right; height:28px; width: 250px; text-align:left; color:#002532; padding:10px 0 0 0;margin:0; font-weight:bold; font-size:12px; background:url(../../../images/picto_imprim.png) no-repeat 138px top} #grd_large a.imprim:hover, a.imprim:hover {color:#c5498d} #grd_large div.outils {position:absolute; float:left; top:-73px; left:637px; z-index:9907; display:block; padding:0;margin:0; width:210px} #grd_large div.outils span {color:#002532; font-weight:bold; font-size:16px; float:left; text-align:left; width:90px; padding:24px 0 0 0;margin:0} #grd_large div.outils a.pdf {float:right; width:25px; color:#002532; font-weight:bold; font-size:12px; padding:30px 30px 10px 0;margin:0 10px 0 0 ; font-weight:bold; background:url(../../../images/picto_pdf.png) no-repeat center right} #grd_large div.outils a.pdf:hover {color:#fd5ea0} #grd_large div.outils a.excel {float:right; width:40px; color:#002532; font-weight:bold; font-size:12px; padding:30px 30px 10px 0;margin:0 10px 0 0; font-weight:bold; background:url(../../../images/picto_excel.png) no-repeat center right} #grd_large div.outils a.excel:hover {color:#fd5ea0} #tablo_fiche_tend {float :left;padding:0;margin:0 0 0 12px ;width:252px;} .avecdiag {height:370px; background:url(../../../images/fiche_tend_avecdiag.png) no-repeat} .sansdiag {height:160px; background:url(../../../images/fiche_tend_sansdiag.png) no-repeat} #tablo_fiche_tend h3 {float :left; width:225px; line-height: 14px; padding:11px 8px 8px 8px; margin:0; font-weight:bold; color:#FFF} /* ---- diag --- */ #tablo_fiche_tend img {float :left; margin:11px 8px 0px 8px; padding:0; background:#FFF} #tablo_fiche_tend #tendances {clear:both; position:relative; left:7px; margin: 0 ; width:241px} #tablo_fiche_tend #tendances th {padding:0px 0px 5px 8px; text-align:center; vertical-align: middle; color:#b1bcbf; font-weight:bold; font-size:10px;line-height:10px} #tablo_fiche_tend #tendances td {width:50px;border-bottom: 1px solid #bebac2; padding:8px 4px ; text-align:center; vertical-align: middle; background:#fff; color:#002532; font-size:10px;line-height:11px} #tablo_fiche_tend #tendances td.col2 {width:auto;background:#eef2f9;line-height:11px;color:#c5498d;padding:10px 3px ; letter-spacing:normal; text-align:center; font-weight:bold; font-size:12px} #tablo_fiche_tend #tendances td.col2 img {background:none;border:none;margin:0; padding:0; float:left} #tablo_fiche_diag {width:898px; height:335px; padding:10px 0 0 17px;margin: 10px 0 0 0; background:url(../../../images/fiche_diag.png) no-repeat; float :left} #tablo_fiche_cam {width:898px; height:220px; padding:10px 0 0 17px;margin: 10px 0 0 0; background:url(../../../images/fiche_cam.png) no-repeat; float :left} #large h2, #grd_large h2 {width:898px; float:left; padding: 0 0 4px 22px; color:#002532; font-weight:bold; margin:0; line-height:20px; } #large h2 {width:580px} #grd_large p.haut {clear:both; float:left; dislay:block; width:900px; white-space:nowrap; margin:0; padding:0} #grd_large p.haut a {position:relative; clear:both; display:block;color:#002532; text-decoration:none; padding: 0 14px 0 0; font-weight:bold; text-align: right; float:right; background:url(../../../images/flche_haut_pti.png) no-repeat center right} #grd_large p.haut a:hover {text-decoration: underline} /* ---- version : large --- */ #large #tablo_acc .meil_prog1, #large #tablo_acc .meil_prog2 {width:355px; float:left; margin: 0 10px 0 0; padding:0} #large #tablo_acc .meil_prog1 ul, #large #tablo_acc .meil_prog2 ul { margin: 0; padding:0; position:relative; top:-5px; left: 0;} #large #tablo_acc .meil_prog1 div, #large #tablo_acc .meil_prog2 div {margin: 0; padding:0; position:relative; top:0; left: 0;} #large #tablo_acc .meil_prog1 span, #large #tablo_acc .meil_prog2 span {font-size:10px; float:left; display:block} #large #tablo_acc p.lgde {font-size:10px; line-height:10px; margin:0; position:relative; top:4px;} #large #tablo_acc .meil_prog1 #prog, #large #tablo_acc .meil_prog2 #prog {float:left; width:270px; margin: 10px 0 0 0} #large #tablo_acc .meil_prog1 td, #large #tablo_acc .meil_prog2 td {white-space:nowrap;font-size:12px; vertical-align:middle;text-align:left; margin:0; padding:2px 5px; border-top: 1px solid #bebac2; color:#002532} #large #tablo_acc .meil_prog1 td.tit, #large #tablo_acc .meil_prog2 td.tit {background:#fd5ea0; border: none; font-size:12px; font-weight:bold; color:#fff; white-space:nowrap} #large #tablo_acc .meil_prog1 td.rose, #large #tablo_acc .meil_prog2 td.rose {background:#fd5ea0; border: none; font-weight:bold} #large #tablo_acc .meil_prog1 td a, #large #tablo_acc .meil_prog2 td a {font-weight:bold; color:#fff; white-space:nowrap; color:#fff} #large #tablo_acc .meil_prog1 td.col1, #large #tablo_acc .meil_prog2 td.col1 {width:140px;background:#002532; color:#fff; white-space:nowrap; color:#fff; font-weight:bold} #large #tablo_acc .meil_prog1 td.col2, #large #tablo_acc .meil_prog2 td.col2 {background:#fff; text-align:center} #large #tablo_acc .meil_prog1 td.col2, #large #tablo_acc .meil_prog2 td.col2 {font-size:12px; } #large #tablo_acc .meil_prog1 td.col3, #large #tablo_acc .meil_prog2 td.col3 {background:#f2f4f5; width:46px; text-align:center} #large #tablo_acc .meil_prog1 td.col3, #large #tablo_acc .meil_prog2 td.col3 {text-align:center} #large #tablo_acc .meil_prog1 a.tous, #large #tablo_acc .meil_prog2 a.tous {clear:both; height:13px; position:relative; z-index:889; left:90px; top:-5px;padding: 8px 14px 0 0; margin:0 0 14px 0; background:url(../../../images/flche_bas_pti.png) no-repeat bottom right;display:block; width:170px; text-align:right; font-size:11px; font-weight:bold; color:#fd5ea0} /* ---- version : grd_large --- */ #grd_large #tablo_acc img#top {position:relative; z-index:878; left:-27px; top:-44px; margin:0; padding:0} #grd_large #tablo_acc img#bottom {position:relative; z-index:888; bottom:-2px; left:-27px; margin:0; padding:0} #grd_large #tablo_acc .meil_prog {width:896px; float:left; margin: 0 10px 0 0;padding:0} #grd_large #tablo_acc .meil_prog #prog {position:relative; z-index:879; left:-5px; width:876px; margin: -270px 10px 0 0 ; height:auto} #grd_large #tablo_acc .meil_prog #tendances {float:left; position:relative; top:-31px; width:114px;margin:0;padding:0} #grd_large #tablo_acc .meil_prog td.tit {background:#fd5ea0;text-align:left; border: none; font-size:12px; font-weight:bold; color:#fff; white-space:nowrap} #grd_large #tablo_acc .meil_prog td.rose {background:#fd5ea0; border: none; color:#FFF; font-size:11px; line-height:11px;font-weight:bold;text-align:left} #grd_large #tablo_acc .meil_prog td {font-size:12px; width:122px; vertical-align:middle;text-align:center; margin:0; padding:2px 5px; border-top: 1px solid #bebac2; color:#002532} #grd_large #tablo_acc .meil_prog td.col1 {background:#002532; text-align:left; width:300px; font-weight:bold} #grd_large #tablo_acc .meil_prog td.col2 {background:#fff;white-space:nowrap} #grd_large #tablo_acc .meil_prog td.col3 {background:#f2f4f5;white-space:nowrap} #grd_large #tablo_acc .meil_prog td a {font-size:12px; font-weight:bold; color:#fff} #grd_large #tablo_acc .meil_prog a.tous {float:left; position:relative; z-index:889; top:0; left:-6px; background:#fd5ea0; padding: 8px; margin:2px 0 0 0; display:block; width:860px; text-align:right; font-size:11px; font-weight:bold; color:#fff} /* ---- large: pleine paghe : adherer --- */ #large #pleinepage {clear:both;float:left;padding:0px 0 0 27px; margin:8px 0 0 7px; width:588px; background:url(../../../images/fiche_tab_mid_pti.png) repeat-y} #large #pleinepage img#top {position:relative; z-index:878; left:-27px; margin:0; padding:0} #large #pleinepage img#bottom {position:relative; z-index:888; bottom:-2px; left:-27px; margin:0; padding:0} #large #pleinepage .meil_prog {position:relative; z-index:879; width:550px; top:0px; left:5px; margin: -220px 10px 0 0} #large #pleinepage .meil_prog h3 {font-size:16px; font-weight:bold; line-height:16px; margin:0; padding:20px 0 4px 0} #large #pleinepage .meil_prog p {color:#002532; margin: 0; padding:10px 0 0 20px} #large #pleinepage .meil_prog ul {list-style-type:none;position:relative; width:500px; height:auto; top:0; left:40px; margin: 0; padding:10px 0 4px 0px; } #large #pleinepage .meil_prog ul li {color:#002532; margin: 0;background:url(../../../images/puce_carre_rose.gif) no-repeat 0 6px; padding : 0px 0 0 14px} #large #pleinepage .meil_prog li a, #large #pleinepage .meil_prog p a {text-decoration:none; color:#fd5ea0; margin:0; padding:0} #large #pleinepage .meil_prog li a:hover, #large #pleinepage .meil_prog p a:hover {color:#fd5ea0; text-decoration: underline} #large #pleinepage img#bottom {position:relative; z-index:888; bottom:-2px; left:-27px; margin:0; padding:0} #large a#retlist {margin-left: 7px;} #large p.haut a {color:#002532; text-decoration:none; padding: 0 14px 0 0; font-weight:bold; text-align: right; float:right; background:url(../../../images/flche_haut_pti.png) no-repeat center right} #large p.haut a:hover {text-decoration: underline} /* ---- GRD large pleine paghe : mentions --- */ #grd_large #pleinepage {clear:both;float:left;padding:0px 0 0 27px; margin:8px 0 0 0; width:895px; background:url(../../../images/fiche_tab_mid.png) repeat-y} #grd_large #pleinepage img#top {position:relative; z-index:878; left:-27px} #grd_large #pleinepage .meil_prog2, #grd_large #pleinepage .meil_prog3, #grd_large #pleinepage .meil_prog4, #grd_large #pleinepage .meil_prog5 {position:relative; z-index:879; width:866px; top:0px; left:5px; margin: -220px 10px 0 0} #grd_large #pleinepage .meil_prog2 h3, #grd_large #pleinepage .meil_prog3 h3, #grd_large #pleinepage .meil_prog4 h3, #grd_large #pleinepage .meil_prog5 h3 {font-size:16px; font-weight:bold; line-height:16px; margin:0; padding:20px 0 4px 0} #grd_large #pleinepage .meil_prog2 p, #grd_large #pleinepage .meil_prog3 p, #grd_large #pleinepage .meil_prog4 p, #grd_large #pleinepage .meil_prog5 p {color:#002532; margin: 0; padding:10px 0 0 20px} #grd_large #pleinepage .meil_prog2 ul, #grd_large #pleinepage .meil_prog3 ul, #grd_large #pleinepage .meil_prog4 ul, #grd_large #pleinepage .meil_prog5 ul {list-style-type:none;position:relative; margin: 0; padding:10px 0 4px 40px} #grd_large #pleinepage .meil_prog2 ul li, #grd_large #pleinepage .meil_prog3 ul li, #grd_large #pleinepage .meil_prog4 ul li, #grd_large #pleinepage .meil_prog5 ul li {color:#002532; margin: 0;position:relative; background:url(../../../images/puce_carre_rose.gif) no-repeat 0 6px; padding : 0px 0 0 14px} #grd_large #pleinepage .meil_prog2 li a, #grd_large #pleinepage .meil_prog2 p a, #grd_large #pleinepage .meil_prog3 li a, #grd_large #pleinepage .meil_prog3 p a, #grd_large #pleinepage .meil_prog4 li a, #grd_large #pleinepage .meil_prog4 p a, #grd_large #pleinepage .meil_prog5 li a, #grd_large #pleinepage .meil_prog5 p a {text-decoration:none; color:#fd5ea0;margin: 0;padding:0} #grd_large #pleinepage .meil_prog2 li a:hover, #grd_large #pleinepage .meil_prog2 p a:hover, #grd_large #pleinepage .meil_prog3 li a:hover, #grd_large #pleinepage .meil_prog3 p a:hover, #grd_large #pleinepage .meil_prog4 li a:hover, #grd_large #pleinepage .meil_prog4 p a:hover, #grd_large #pleinepage .meil_prog5 li a:hover, #grd_large #pleinepage .meil_prog5 p a:hover {color:#fd5ea0; text-decoration: underline} #grd_large #pleinepage img#bottom {position:relative; z-index:888; bottom:-2px; left:-27px; margin:0; padding:0} /* ---- version : tableau fiche --- */ #tablo_fiche h2, #tablo_acc h2, #tablo_fiche h3,.tablo_palm h3 { display:none} #grd_large #tablo_fiche { position:relative;z-index:882;top:0; height:auto; float:left;padding:0px 0 0 27px; width:895px; background: url(../../../images/fiche_tab_mid.png) repeat-y} #grd_large #tablo_fiche img#top, #grd_large #tablo_fiche img#top_sans { position:relative; z-index:878; left:-27px; top:-42px; margin:0; padding:0} #grd_large #tablo_fiche img#top { background: url(../../../images/fiche_tab_top.png) no-repeat;} #grd_large #tablo_fiche img#top_sans { background: url(../../../images/fiche_tab_top_sans.png) no-repeat;} #grd_large #tablo_fiche img#bottom { position:relative; z-index:888; bottom:-2px; left:-27px; margin:0; padding:0} /* ---- callage des tableaux dans chiffres & fiches --- */ #grd_large #tablo_fiche .meil_prog_result, #grd_large #tablo_fiche .meil_prog { position:relative; top:0; z-index:879;left:-5px; width:876px; height:auto} #grd_large #tablo_fiche div.fiche { margin: -150px 0 0 0!important ;} #grd_large #tablo_fiche div.chiffres { margin: -170px 0 0 0!important ;} #grd_large #tablo_fiche .meil_prog_result #prog_result, #grd_large #tablo_fiche .meil_prog #prog, #grd_large #tablo_fiche .meil_prog #prog1, #grd_large #tablo_fiche .meil_prog #prog2, #grd_large #tablo_fiche .meil_prog #prog3, #grd_large #tablo_fiche .meil_prog #prog4, #grd_large #tablo_fiche .meil_prog #prog5 {position:relative; clear:both; margin:0; width:876px} #grd_large #tablo_fiche .meil_prog_result td, #grd_large #tablo_fiche .meil_prog td {font-size:11px; vertical-align:middle;text-align:center; margin:0; padding:2px 5px; border-bottom: 1px solid #a4a0a7; color:#002532 !important; } #grd_large #tablo_fiche .meil_prog_result td.tit, #grd_large #tablo_fiche .meil_prog td.tit {background:#fd5ea0;border-bottom: none; text-align:center;font-size:14px; font-weight:bold; color:#fff; white-space:nowrap} #grd_large #tablo_fiche .meil_prog_result td.rose, #grd_large #tablo_fiche .meil_prog td.rose {background:#fd5ea0; border-bottom: none; border-left: 1px solid #fe8dbc;font-weight:bold;border-top: 1px solid #fe8dbc;border-right: 1px solid #cb2e6c; padding:4px 0px 0 0} #grd_large #tablo_fiche .meil_prog_result td.rose_sans, #grd_large #tablo_fiche .meil_prog td.rose_sans {background:#fd5ea0; border-bottom: 1px solid #cb2e6c; font-weight:bold; border-left: 1px solid #fe8dbc;border-right: 1px solid #cb2e6c; border-top: 1px solid #fe8dbc; padding:4px 0px ; color:#FFF; font-size:11px; line-height:12px} #grd_large #tablo_fiche .meil_prog_result td.rose a, #grd_large #tablo_fiche .meil_prog_result td.rose, #grd_large #tablo_fiche .meil_prog td.rose a, #grd_large #tablo_fiche .meil_prog td.rose {text-decoration:none; color:#FFF; font-size:11px; line-height:12px} #grd_large #tablo_fiche .meil_prog_result td.rose a:hover, #grd_large #tablo_fiche .meil_prog td.rose a:hover {text-decoration:underline} #grd_large #tablo_fiche .meil_prog_result th, #grd_large #tablo_fiche .meil_prog th { background:#fd5ea0;border-bottom: 2px solid #002b3a;border-top: none; text-align:left;font-size:14px; font-weight:bold; color:#fff; white-space:nowrap;background-image: url(../../../images/flche_hautbas.gif) ; cursor: pointer;background-repeat: no-repeat;background-position: center center;} #grd_large #tablo_fiche .meil_prog_result th.sans, #grd_large #tablo_fiche .meil_prog th.sans { background-color:#fd5ea0; border-bottom: 2px solid #002b3a;border-top: none; border-left: 1px solid #fe8dbc;border-right: 1px solid #cb2e6c; height:5px; padding:0px} #grd_large #tablo_fiche .meil_prog_result th.th_2, #grd_large #tablo_fiche .meil_prog th.th_2 { background-color:#fd5ea0;background-image: url(../../../images/flche_hautbas.gif) ; cursor: pointer;background-repeat: no-repeat;background-position: center center; border-bottom: 2px solid #002b3a;border-top: none; border-left: 1px solid #fe8dbc;border-right: 1px solid #cb2e6c; height:5px; padding:0px } #grd_large #tablo_fiche .meil_prog th.headerSortUp { background-image: url(../../../images/flche_bas.gif);} #grd_large #tablo_fiche .meil_prog th.headerSortDown { background-image: url(../../../images/flche_haut.gif); } #grd_large #tablo_fiche .meil_prog td a, #grd_large #tablo_fiche .meil_prog td.col1 a {font-weight:bold; color:#fff !important;vertical-align:middle;text-align:center;font-size:11px} #grd_large #tablo_fiche .meil_prog td.col3 a.txt_black { color:#000 !important; } #grd_large #tablo_fiche .meil_prog td.col1 {padding-left:8px; width:150px; background:#002532; color:#fff; text-align:left; font-weight:bold} #grd_large #tablo_fiche .meil_prog td.col2, #grd_large #tablo_fiche .meil_prog td.col3 { width:122px; text-align:center;font-size:12px;} #grd_large #tablo_fiche .meil_prog_result td a {color:#002532;text-align:left;} #grd_large #tablo_fiche .meil_prog_result td { background:#FFF; white-space:nowrap;width:auto; text-align:left;font-size:12px; } #grd_large #tablo_fiche .meil_prog td.col1 img{margin: 0 5px 0 0} #grd_large #tablo_fiche .meil_prog td.col2 {background:#fff} #grd_large #tablo_fiche .meil_prog td.col4 {white-space:nowrap;width:40px; background:#fff} #grd_large #tablo_fiche .meil_prog td.col3 {background:#f2f4f5} .border_col1 {border-top: 1px solid #bebac2; border-bottom:0px} #grd_large #tablo_fiche a.tous {clear:both; height:13px; position:relative; z-index:889; left:694px;padding: 8px 14px 0 0; margin:0; background:url(../../../images/flche_bas_pti.png) no-repeat bottom right;display:block; width:170px; text-align:right; font-size:11px; font-weight:bold; color:#fd5ea0} #grd_large #tablo_fiche a.st-closed {background:url(../../../images/flche_ht_pti.png) no-repeat bottom right;} /* ------- */ #ongl_acc_1 ul, #ongl_acc_2 ul, #ongl_acc_3 ul, #ongl_acc_4 ul, #ongl_acc_5 ul, #ongl_acc_6 ul, #ongl_acc_7 ul, #ongl_acc_8 ul {position:relative; left:7px; height:25px;} #ongl_acc_1 a, #ongl_acc_2 a, #ongl_acc_3 a, #ongl_acc_4 a, #ongl_acc_5 a, #ongl_acc_6 a, #ongl_acc_7 a, #ongl_acc_8 a {line-height:15px; text-align:center; padding:5px; color:#FFF} #ongl3 div, #ongl7 div {padding:0; clear:both} #ongl3 div.chiffres, #ongl7 div.chiffres {float: left;} #ongl3 ul, #ongl7 ul {position:relative; left:-29px; top:6px; height:40px} #ongl3 a, #ongl7 a {line-height:15px; text-align:center} #ongl2 ul, #ongl5 ul {position:relative; left:-29px; top:-50px; height:30px; z-index:850} #large .meil_prog ul, #large .meil_prog1 ul, #large .meil_prog2 ul {position:relative; left:-23px; top:-54px; height:30px} #ongl2 a, #large .meil_prog a, #large .meil_prog1 a, #large .meil_prog2 a {line-height:15px; text-align:center} #large .meil_prog div, #large .meil_prog1 div, #large .meil_prog2 div {float:left; position:relative; top:-31px} /* ---- version : large --- */ #large #palm_visit1, #large #palm_visit2, #large #palm_visit3, #large #palm_visit4, #large #palm_visit5, #large #palm_visit6, #large #palm_visit7, #large #palm_visit8, #large .repart_appli {float :left; width:295px; padding:0; margin:15px 0 20px 15px} #large #palm_visit1, #large #palm_visit5 {background:url(../../../images/fd_1_tablo_mid_acc.png) repeat-y; } #large #palm_visit2, #large #palm_visit6 {background:url(../../../images/fd_2_tablo_mid_acc.png) repeat-y; } #large #palm_visit3, #large #palm_visit7 {background:url(../../../images/fd_3_tablo_mid_acc.png) repeat-y; } #large #palm_visit4, #large #palm_visit8 {background:url(../../../images/fd_4_tablo_mid_acc.png) repeat-y; } #large #palm_visit1 h3, #large #palm_visit2 h3, #large #palm_visit3 h3, #large #palm_visit4 h3, #large #palm_visit5 h3, #large #palm_visit6 h3, #large #palm_visit7 h3, #large #palm_visit8 h3 {height:18px; float :left; width:279px; font-size:12px; line-height: 12px; padding:12px 0px 0px 13px; margin:0; font-weight:bold; color:#FFF} #large #palm_visit1 h3, #large #palm_visit5 h3 {background:url(../../../images/fd_1_tablo_top_acc.png) no-repeat; } #large #palm_visit2 h3, #large #palm_visit6 h3 {background:url(../../../images/fd_2_tablo_top_acc.png) no-repeat; } #large #palm_visit3 h3, #large #palm_visit7 h3 {background:url(../../../images/fd_3_tablo_top_acc.png) no-repeat; } #large #palm_visit4 h3, #large #palm_visit8 h3 {background:url(../../../images/fd_4_tablo_top_acc.png) no-repeat; } #large #tablo_palm { clear:both; position:relative; width:281px; margin: 0 0 0 8px ; background:#FFF} #large #tablo_palm td {width:183px;padding:4px; vertical-align: middle; line-height:10px} #large #tablo_palm td div {width:179px ; padding:0; margin:0; overflow:hidden } #large #tablo_palm td div a {color:#002532; padding:0; margin:0; font-weight:bold; font-size:10px;white-space:nowrap;} #large #tablo_palm td.col2 {width:90px;padding:4px 6px 4px 2px ; letter-spacing:-0.085em; background:#dfeaef; text-align:right; color:#002532; font-size:12px} #large #palm_visit1 a.tous, #large #palm_visit2 a.tous, #large #palm_visit3 a.tous, #large #palm_visit4 a.tous, #large #palm_visit5 a.tous, #large #palm_visit6 a.tous, #large #palm_visit7 a.tous, #large #palm_visit8 a.tous {float:left; padding:10px 8px 10px 0px; margin:0px 0 0 0px; width:286px; text-align:right; font-size:11px; font-weight:bold; color:#fff} #large #palm_visit1 a.tous, #large #palm_visit5 a.tous {background:url(../../../images/fd_1_tablo_bas_acc.png) no-repeat top left;} #large #palm_visit2 a.tous, #large #palm_visit6 a.tous {background:url(../../../images/fd_2_tablo_bas_acc.png) no-repeat top left;} #large #palm_visit3 a.tous, #large #palm_visit7 a.tous {background:url(../../../images/fd_3_tablo_bas_acc.png) no-repeat top left;} #large #palm_visit4 a.tous, #large #palm_visit8 a.tous {background:url(../../../images/fd_4_tablo_bas_acc.png) no-repeat top left;} /* ---- version : grd_large --- */ #grd_large #tablo_acc #palm_visit {float :left; width:258px; background:url(../../../images/fd_tablo3_mid.png) repeat-y; padding:0; margin:0 0 6px 0} #grd_large #tablo_acc #palm_visit h3 {height:23px; float :left; width:242px; background:url(../../../images/fd_tablo3_top.png) no-repeat; font-size:11px; line-height: 12px; padding:8px 8px 0px 8px; margin:0; font-weight:bold; color:#FFF} #grd_large #tablo_acc #palm_visit #tablo_palm {clear:both; position:relative; left:8px; width:244px; margin: 0; background:#FFF} #grd_large #tablo_acc #palm_visit #tablo_palm td {padding:2px 0px 2px 4px; vertical-align: middle; white-space:nowrap; line-height:10px} #grd_large #tablo_acc #palm_visit #tablo_palm td a {color:#002532; font-weight:bold; font-size:10px} #grd_large #tablo_acc #palm_visit #tablo_palm td.col2 {padding:4px; letter-spacing:-0.085em; background:#dfeaef; text-align:right; color:#002532; font-size:11px} #grd_large #tablo_acc #palm_visit a.tous {background:url(../../../images/fd_tablo3_bas.png) no-repeat top left; float:left; padding:10px 8px 10px 0px; margin:7px 0 0 0px; display:block; width:250px; text-align:right; font-size:11px; font-weight:bold; color:#fff} /* ------- */ a.tous:hover {text-decoration:underline} /* ---- general : over td --- */ #large #tablo_acc .meil_prog #prog td.highlight, #large #tablo_acc .meil_prog1 #prog td.highlight, #large #tablo_acc .meil_prog2 #prog td.highlight, #large #palm_visit #tablo_palm td.highlight, #large #palm_visit1 #tablo_palm td.highlight, #large #palm_visit2 #tablo_palm td.highlight, #large #palm_visit3 #tablo_palm td.highlight, #large #palm_visit4 #tablo_palm td.highlight, #large #palm_visit5 #tablo_palm td.highlight, #large #palm_visit6 #tablo_palm td.highlight, #large #palm_visit7 #tablo_palm td.highlight, #large #palm_visit8 #tablo_palm td.highlight, #grd_large #tablo_acc .meil_prog td.highlight, #grd_large #tablo_fiche .meil_prog #prog1 td.highlight, #grd_large #tablo_fiche .meil_prog #prog2 td.highlight, #grd_large #tablo_fiche .meil_prog #prog3 td.highlight, #grd_large #tablo_fiche .meil_prog #prog4 td.highlight, #grd_large #tablo_fiche .meil_prog #prog5 td.highlight, #grd_large #tendances td.highlight, #grd_large #tablo_acc #palm_visit #tablo_palm td.highlight {background-color: #ffc0da} #large #tablo_acc .meil_prog #prog td.highlight1, #large #tablo_acc .meil_prog #prog1 td.highlight1, #large #tablo_acc .meil_prog #prog2 td.highlight1, #large #tablo_acc .meil_prog #prog3 td.highlight1, #large #tablo_acc .meil_prog #prog4 td.highlight1, #large #tablo_acc .meil_prog #prog4 td.highlight1, #large #tablo_acc .meil_prog #prog5 td.highlight1, #large #tablo_acc .meil_prog #prog5 td.highlight1, #large #tablo_acc .meil_prog1 #prog td.highlight1, #large #tablo_acc .meil_prog1 #prog1 td.highlight1, #large #tablo_acc .meil_prog1 #prog2 td.highlight1, #large #tablo_acc .meil_prog1 #prog3 td.highlight1, #large #tablo_acc .meil_prog1 #prog4 td.highlight1, #large #tablo_acc .meil_prog1 #prog4 td.highlight1, #large #tablo_acc .meil_prog1 #prog5 td.highlight1, #large #tablo_acc .meil_prog1 #prog5 td.highlight1, #large #tablo_acc .meil_prog2 #prog td.highlight1, #large #tablo_acc .meil_prog2 #prog1 td.highlight1, #large #tablo_acc .meil_prog2 #prog2 td.highlight1, #large #tablo_acc .meil_prog2 #prog3 td.highlight1, #large #tablo_acc .meil_prog2 #prog4 td.highlight1, #large #tablo_acc .meil_prog2 #prog4 td.highlight1, #large #tablo_acc .meil_prog2 #prog5 td.highlight1, #large #tablo_acc .meil_prog2 #prog5 td.highlight1, #large #palm_visit #tablo_palm td.highlight1, #large #palm_visit1 #tablo_palm td.highlight1, #large #palm_visit2 #tablo_palm td.highlight1, #large #palm_visit3 #tablo_palm td.highlight1, #large #palm_visit4 #tablo_palm td.highlight1, #grd_large #tablo_acc .meil_prog #prog td.highlight1, #grd_large #tablo_fiche .meil_prog td.highlight1, #grd_large #tablo_acc #palm_visit #tablo_palm td.highlight1 {background-color: #542e51} #grd_large #tablo_fiche .meil_prog_result td.highlight1 {background-color: #ffc0da} #large #tablo_acc .meil_prog #prog td.highlight2, #large #tablo_acc .meil_prog1 #prog td.highlight2, #large #tablo_acc .meil_prog2 #prog td.highlight2, #large #palm_visit #tablo_palm td.highlight2, #large #palm_visit1 #tablo_palm td.highlight2, #large #palm_visit2 #tablo_palm td.highlight2, #large #palm_visit3 #tablo_palm td.highlight2, #large #palm_visit4 #tablo_palm td.highlight2, #large #palm_visit5 #tablo_palm td.highlight2, #large #palm_visit6 #tablo_palm td.highlight2, #large #palm_visit7 #tablo_palm td.highlight2, #large #palm_visit8 #tablo_palm td.highlight2, #grd_large #tablo_acc .meil_prog #prog td.highlight2, #grd_large #tablo_fiche .meil_prog td.highlight2, #grd_large #tablo_acc #palm_visit #tablo_palm td.highlight2 {background-color: #f1b6d1} #large #tablo_acc .meil_prog #prog td.highlight3, #large #tablo_acc .meil_prog1 #prog td.highlight3, #large #tablo_acc .meil_prog2 #prog td.highlight3, #large #palm_visit #tablo_palm td.highlight3, #large #palm_visit1 #tablo_palm td.highlight3, #large #palm_visit2 #tablo_palm td.highlight3, #large #palm_visit3 #tablo_palm td.highlight3, #large #palm_visit4 #tablo_palm td.highlight3, #large #palm_visit5 #tablo_palm td.highlight3, #large #palm_visit6 #tablo_palm td.highlight3, #large #palm_visit7 #tablo_palm td.highlight3, #large #palm_visit8 #tablo_palm td.highlight3, #grd_large #tablo_fiche .meil_prog td.highlight3, #grd_large #tendances td.highlight3, #grd_large #tablo_fiche .meil_prog td.highlight3, #grd_large #tablo_acc #palm_visit #tablo_palm td.highlight3 {background-color: #eab2cf} #grd_large #tablo_fiche .meil_prog td.highlight4 {background-color: #002532} /* ---- accueil --- */ img#visu {padding: 0px 0 0 22px; margin-top:-17px;} /* --- bloc adherer & tit ---- */ #rechh {width:636px; height:140px; background:url(../../../images/fd_rech_acc.png) no-repeat; float :left} #rechh div {margin:38px 0 0 13px; width:623px; text-align:center; font-size:11px; font-weight:bold; line-height:12px} #rechh form input.champ {float:left; margin:27px 0 0 225px; width: 270px} #rechh form input.bt_input {float:right; margin:27px 15px 0 0px} #tit_chiffres {position:relative; z-index:255;width:824px; height:50px; margin : 0px 0 42px 17px; font-size:24px; padding:30px 0 0 91px;background:url(../../../images/tit_chiffres.png) no-repeat 0 0} #tit_adherents {position:relative; z-index:255;width:824px; height:50px; margin : 0px 0 42px 17px; font-size:24px; padding:30px 0 0 60px;background:url(../../../images/ico_internet.png) no-repeat 18px 22px;} #tit_adherents_appli {position:relative; z-index:255;width:824px; height:50px; margin : 0px 0 42px 17px; font-size:24px; padding:30px 0 0 60px;background:url(../../../images/ico_appli.png) no-repeat 18px 22px;} #tit_adherer {position:relative; z-index:255;width:915px; height:210px; margin : 0px 0 0px 17px; padding:0} #tit_adherer h2 {display:none} #tit_adherer {background:url(../../../images/tit_adherer.png) no-repeat 0 0} #tit_adherer div {float:left; margin:80px 0 0 90px;width:720px; text-align:center; font-size:11px; font-weight:normal; line-height:14px} #tit_adherer a {white-space:nowrap;text-align:left; font-size:12px; font-weight:bold; margin:0} #tit_chiffres a#ggp {position: absolute; top:170px; left:280px} #tit_chiffres a#gtp {position: absolute; top:170px; left:530px} #tit_adherer a#sinscr {position: absolute; top:170px; left:780px} #rechh a {position:relative; top:34px; left:423px; text-align:center; font-size:12px; font-weight:bold; margin:0 10px 0 0} #rechh a:hover, #tit_chiffres a:hover, #tit_adherer a#sinscr:hover {color:#fd5ea0} /* --- bloc nouvel adherant ---- */ #nou_adh {float:left; background:url(../../../images/deg_newadh.png) repeat-y; padding:10px 0px 20px 20px ; margin: 15px 0px 0 0px} #adh td {border-bottom: 1px solid #00384b} #adh td {border-bottom: 1px solid #00384b} #adh td.col1 {text-align:left} #adh td.col2 {text-align:right} #adh td a {text-align:left; font-size:11px; background:url(../../../images/puce_carre_rose.png) no-repeat 0 4px; padding : 10px 10px 10px 0px} .adh_over a, .adh_over a:hover, .adh_over {color:#fd5ea0} /* --- a droite ---- */ /* ---- p ---- */ #drte p {line-height:16px; clear:both; margin:0} #drte p a {color:#002532; text-decoration:none} #drte p a:hover {color:#002532; text-decoration:underline} /* --- recherche ---- */ #rech {padding:0 4px 0px 15px; height:144px; margin:0; background: url(../../../images/fd_rech_acc.png) no-repeat} #rech h2 {padding:10px 0; margin:0; color:#fff} #rech a.tschffr {background: url(../../../images/bt_tschffr.png) no-repeat; width:220px; height:30px; display:block; padding: 5px; font-size:11px; float:left; clear:both; text-align:center; margin: 0 0 0px 6px;color:#fff; font-weight:bold;line-height:20px} #rech a.tschffr:hover {background: url(../../../images/bt_tschffr_o.png) no-repeat} #rech .champ {width:100px; margin: 4px 3px 0 0;padding:4px 3px 5px 3px; font-size:12px; color:#436371} #rech select { padding-right:0; margin:4px 3px 0 0; } #rech input.bt_input, #rech button.bt_input {text-align:center; padding:0px 0px 7px 0px ; width:40px;margin:1px 0 0 0px; text-align:center; background: url(../../../images/btrech_ok.png) no-repeat right top} #rech input.bt_input:hover, #rech button.bt_input:hover {background: url(../../../images/btrech_ok_o.png) no-repeat right top} #adher {padding:0 4px 0 0; height:68px; margin:10px 0 20px 0; float: left; } #adher a.adherer {background: url(../../../images/bt_adh.png) no-repeat; width:262px; float: left; height:35px; padding: 5px; font-size:12px; text-align:center; margin: 10px 0 0 0;color:#fff; font-weight:bold;line-height:18px;} #adher a.adherer:hover {background: url(../../../images/bt_adh_o.png) no-repeat} /* --- articles : accueil ---- */ #articles {float:left; background:#ecf5fa; padding:10px 15px 0px 15px; margin: 5px 0 0 0; } #articles div {color:#002532;float:left; display:block; height:50px; padding:0 0 0px 0; margin: 0 0 0 -3px} #articles div.art {color:#002532;float:left; height:auto; padding:0 0 10px 0; margin: 0 0 0 0} #articles div.art:hover p, #articles div.art:hover a, #articles div.art:hover span {color:#cd2087;} #articles div#telech {background: url(../../../images/picto_telech.png) no-repeat} #articles div#compress {background: url(../../../images/picto_compress.png) no-repeat} #articles div#rapports {background: url(../../../images/picto_rapports.png) no-repeat} #articles div#actu {background: url(../../../images/picto_actu.png) no-repeat} #articles div#compress span, #articles div#rapports span, #articles div#telech span, #articles div#actu span {color:#cd2087; font-weight:bold; line-height:14px; font-size:12px; width:180px; float:left; border-bottom:1px solid #cd2087; padding:0 0 3px 0; margin: 0 0 0 54px} #articles span.italic {float:right; display:block} #articles p {padding:4px 0 0 0; line-height:15px; color:#cd2087;} #articles span.bout {clear:both; color:#002532; font-weight:bold; float:right; display:block; margin: 0 0 4px 0} #articles a:hover, #articles p a:hover {color:#cd2087; text-decoration:none} #tit {position:relative; float:left; z-index:655; left:17px;width:910px; margin : 0px 0 6px 0px; padding:0 0 15px 0;background:url(../../../images/tit_article.png) -4px bottom no-repeat} /* --- articles ---- */ #tit h3 {float:left; font-size:18px;margin: 36px 0 0 22px; font-weight:bold; color:#fd5ea0} #tit h2 {width:200px; float:right; text-align:right;margin: 30px 22px 0 0 ; font-size:16px; font-weight:bold} #publi_last, #publi_last2 {position:relative; z-index:757; margin: 0px 0 22px 3px; width:210px; float:left} #publi_last ul, #publi_last2 ul {list-style-type:none; width:210px; float:left; background:url(../../../images/tit_list_drte.png) no-repeat; padding:0; margin:0 0 20px 0} #publi_last ul span, #publi_last2 ul span {display:block; font-weight:bold;font-size:14px; line-height:13px; margin:5px 0 20px 18px; padding: 0} #publi_last ul li {width:203px; display:block;float:left; margin: 0 0 3px 0} #publi_last2 ul li {padding:8px 14px 10px 14px;color:#c75283 ;width:175px; display:block;float:left; margin: 0 0 3px 0; background:#faf4f7; line-height:14px} #publi_last ul li a {width:175px ; padding:8px 14px 10px 14px; display:block; float:left; background:#faf4f7; color:#c75283} #publi_last ul li a:hover {background:#fff} #contenu {width:auto; float:left; margin: 0 0 0 0px; padding: 3px 0px 0px 0px} #contenu div#form {width:610px; float:left; margin: 0 0 40px 0px; padding:0} /* Ajout MLAG ticket 148 */ #contenu div#form.form_contact{margin-left:50px;width:500px !important;} /* --- articles : picto distinctif de l'article ---- */ div#img {width:610px; float:left;display:block;clear:both; margin: 0 0 20px 40px; } #compress div#img {background:url(../../../images/picto_compress_blc.png) no-repeat} #rapports div#img {background:url(../../../images/picto_rapports_blc.png) no-repeat} #actu div#img {background:url(../../../images/picto_actu_blc.png) no-repeat} #contenu div h1 {font-size:18px;padding: 0 0 10px 0; color:#002532; font-weight:bold; line-height:18px; margin:0 0 0 65px} #contenu div h1 a {font-size:18px; font-weight:bold ; line-height:18px; margin:0;color:#fd5ea0} #contenu div a { text-decoration:none; margin:0; padding: 0; font-weight:bold;color:#fd5ea0; letter-spacing:normal; font-size:11px} #contenu div a:hover{ color:#fd5ea0; text-decoration:underline} #contenu div#letitre {font-size:15px; font-weight:bold ; line-height:19px; margin:20px 0 20px 65px; width:550px} #contenu div#letitre a {font-size:15px; font-weight:bold ; line-height:19px; margin:0;color:#fd5ea0} #contenu div#infobox {font-size:11px; color:#002532; margin: 15px 0 0 0px; padding: 10px; border:1px solid #fd5ea0; line-height:14px ; width:530px} #contenu div span {font-size:12px; font-weight:bold; font-style:italic; line-height:16px;margin:0 0 0px 65px; padding: 0 0 10px 0; } #contenu div p {font-size:12px; color:#002532; margin: 15px 0 0 0; line-height:16px} #contenu div h3 {font-size:14px; color:#002532; padding: 10px 0 5px 0; line-height:16px} #contenu div ul {list-style-type:none;position:relative; margin: 0; padding:10px 0 4px 40px} #contenu div ul li {color:#002532; margin: 0;position:relative; background:url(../../../images/puce_carre_rose.gif) no-repeat 0 6px; padding : 0px 0 0 14px} #contenu div ul.contenu_list { list-style-type:none;position:relative; margin: 0; padding:30px 0 20px 30px; background:#ecf5fa;} #articles div.art ul.contenu_list { list-style-type:none;position:relative; margin: 0; padding:20px 0 0px 0px; } #contenu div ul.contenu_list li { font-weight:normal; font-style:italic; font-size:9px;color:#002532; margin: 0; padding : 0px 0 10px 14px; position:relative; background:url(../../../images/puce_carre_rose.gif) no-repeat 0 6px;} #articles div.art ul.contenu_list li { font-weight:normal; font-style:italic; font-size:9px;color:#002532; margin: 0; padding : 0px 0 10px 20px; position:relative; background:url(../../../images/picto_telech_pti.png) no-repeat 0 -6px;} #contenu div ul.contenu_list li a, #articles div.art ul.contenu_list li a { line-height:11px; } #contenu div ul.contenu_list li a span, #articles div.art ul.contenu_list li a span { font-weight:normal; font-style:italic; font-size:9px;color:#002532; margin: 0; padding : 0px } #contenu div ul.contenu_list li a.pdf2 { color:#fd5ea0; font-weight:bold; font-style: normal; font-size:12px; padding:0 0 0 25px;margin:0; background:url(../../../images/picto_pdf.png) no-repeat 0 0px; display:inline-block;line-height:25px; } #{ color:#fd5ea0; font-weight:bold; font-style: normal; font-size:12px; padding:20px 4px 10px 25px;margin:0; background:url(../../../images/picto_pdf.png) no-repeat 0 12px } MLAG - Ticket 144 #articles div.art ul.contenu_list li a.telech { color:#fd5ea0; font-weight:bold; font-style: normal; font-size:12px; line-height: 18px; padding:0 4px 10px 0px;margin:0; display: block; } #contenu div ul.contenu_list li a.pdf2{ color:#fd5ea0; } #articles div.art ul.contenu_list li a.telech{ color:#cd2087; } #contenu div ul.contenu_list li a.pdf2:hover, #articles div.art ul.contenu_list li a.telech:hover{ text-decoration:underline } #contenu div.resultrech {width:auto; padding:0 0 10px 30px; float:left; clear:both; } #contenu div.resultrech span {font-size:12px; color:#fd5ea0;font-weight:bold; font-style:normal; line-height:12px;display: inline;margin:0; padding: 0} #contenu div.resultrech p {font-size:12px; color:#002532; line-height:14px; margin:0; padding: 0} #contenu div.resultrech div { color:#fd5ea0;float:left; margin:0 0 10px 0px; padding: 10px; font-weight:bold; font-size:16px} #contenu div.resultrech div.altern { background: #ebf1f3 } #contenu div.resultrech div h4 { color:#fd5ea0;position:relative; width:70px;float:left; display:block ; margin:0 0 10px 0px; padding: 0; font-weight:bold; font-size:16px} #contenu div.resultrech ul { position:relative;list-style-type:square; float:left; display:block ; margin:0 0 10px 20px; padding: 0; font-weight:bold; font-size:16px} #contenu div.resultrech ul a { margin:0; padding: 0; font-weight:bold; letter-spacing:normal; font-size:11px} #contenu div.resultrech ul a:hover{ color:#fd5ea0; text-decoration:underline} #contenu div.resultrech ul span { font-size:10px; font-weight:normal; font-style:italic} #contenu #articles_outils { clear:both;width:695px; height:50px; float:left; margin: 0; padding: 20px 0px 0px 0px; background:url(../../../images/fd_outils.png) no-repeat} #articles_outils_lrge {width:918px; height:40px;position: relative; z-index:1256; top:-40px; left:17px; clear:both; dispalay:block; margin: 0; padding: 30px 0 0 0; background:url(../../../images/fd_outils_lrge.png) no-repeat} #articles_outils_lrge a.excel {color:#002532; font-weight:bold; font-size:12px; padding:20px 30px 10px 40px;margin:0px 10px 0 0px ; font-weight:bold; background:url(../../../images/picto_excel_blc.png) no-repeat center right} #articles_outils_lrge a.print {color:#002532; font-weight:bold; font-size:12px; padding:20px 40px 10px 0;margin:0px 10px 0 40px; font-weight:bold; background:url(../../../images/picto_imprim.png) no-repeat center right} #articles_outils_lrge a.archives {color:#002532; font-weight:bold; font-size:12px; padding:20px 30px 10px 0;margin:0px 10px 0 0px; font-weight:bold; background:url(../../../images/picto_archives.png) no-repeat center right} #contenu #articles_outils a.print {color:#002532; font-weight:bold; font-size:12px; padding:20px 40px 10px 0;margin:0 10px 0 40px; font-weight:bold;background:url(../../../images/picto_imprim.png) no-repeat center right} #contenu #articles_outils a.archives{color:#002532; font-weight:bold; font-size:12px; padding:20px 30px 10px 0;margin:0 10px 0 0px; font-weight:bold;background:url(../../../images/picto_archives.png) no-repeat center right} #contenu #articles_outils a.pdf:hover, #contenu #articles_outils a.excel:hover, #contenu #articles_outils a.print:hover, #contenu #articles_outils a.archives:hover, #articles_outils_lrge a.pdf:hover, #articles_outils_lrge a.excel:hover, #articles_outils_lrge a.archives:hover, #articles_outils_lrge a.print:hover {color:#fd5ea0} #contenu p.haut {width:690px; clear:both; float:left; dislay:block; white-space:nowrap; margin:0; padding:0} #contenu p.haut a {color:#002532; text-decoration:none; padding: 0 14px 0 0; font-weight:bold; text-align: right; float:right; background:url(../../../images/flche_haut_pti.png) no-repeat center right} #contenu p.haut a:hover {text-decoration: underline} /* ----- */ /* ---- formulaires ---- */ #pannel {padding : 0 ; margin:0; width:628px;background:none} #pannel input {background:none} #monivelib_top {position:relative; z-index: 710; top:0px; left:0px; background:url(../../../images/monivelib_top.png) no-repeat top left;height:30px; margin:0; padding : 0 ;width:628px} #form_inscript .middle {float:left;background:url(../../../images/i_velib_fd.png) repeat-y; padding : 0 40px ; margin:0; width:548px; clear:both} #form_inscript .middle h2 {font-size:18px} #form_inscript .middle p {clear:both; margin:2px 0 2px 20px; padding:0; float:left; width:370px} #form_inscript .middle p label {vertical-align:bottom; line-height:12px; width: 180px; float:left; background:none; border:none; color:#002532; margin:0; padding:0} #form_inscript .middle p label span {clear:both;vertical-align:top; float:left; padding:2px 0 4px 0 ; margin:0; font-size:9px; line-height:11px; font-weight:normal; font-style:italic} #form_inscript .middle p label span.asterisk, span.asterisk {color: #c20000; font-size:12px ;font-weight:bold;padding: 0 ;line-height:10px; font-style:normal} #form_inscript .middle p.info {clear:both;vertical-align:top; float:left; padding:0px 0px 2px 20px; margin:0; font-size:9px; line-height:11px; width:370px; font-style:italic} #form_inscript .middle p input, #form_inscript .middle p select, #form_inscript .middle p.info input {width: 170px; float:right; margin:0} #form_inscript .middle p textarea, #form_inscript .middle p.info textarea {width: 365px; float:right; margin: 10px 0 0 0;font-style:normal} #form_inscript .middle .indic {background:url(../../../images/fd_info.jpg) repeat-y ; color:#c20000; position:absolute;left:470px; width:110px; margin:0; padding:15px ; line-height:14px} #form_inscript .middle .indic a {color:#c20000; font-weight:bold; text-decoration:none ;line-height:14px} #form_inscript .middle .indic a:hover {text-decoration: underline} #form_inscript .middle hr {padding:10px 0 10px 0; background:#FFF; border:#FFF} #monivelib_bottom {clear:both;float:left; display:block; background:url(../../../images/i_velib_bottom.png) no-repeat bottom left; height:65px; margin:0; padding : 0 ;width:628px} /* ----- */ form {margin: 0; padding:0} form#contact label {background:#fff; display:block; margin:0; padding:5px 0 0px 65px; color:#002532; font-size:12px; font-weight:bold} form p.duform {margin:0; padding:0;position:relative; z-index:999} form p.duform label {white-space:nowrap; width: 180px; float: left; display: block; background:none; border:none; color:#3d5ca5; margin:0; padding:0} form p.duform select {position:relative; top:5px; } form p.duform textarea {position:relative; top:5px; } form p.forminput {position:relative;top:10px; } form p.info2 {position: relative; top:5px; left: 246px;padding:0px; margin:0; font-size:9px; line-height:11px; width:320px; font-style:italic} /* ----- */ #grd_large div form {text-align:right} #articles_outils .bt_input {margin: 0 0 0 630px} /* ---- message d'erreur ------ */ .info_alarm {float: left; width:640px; height:300px; background: url(../../../images/fd_msge.png) no-repeat ; display: block; color:#002532;padding: 0; margin: 30px 140px 0px 140px ; clear: both} .info_alarm div.alarm_img {float:left; margin:35px 0px 0 45px; width:50px; border:none} .info_alarm div.alarm_txt {float:right; width:420px; margin: 25px 25px 0 0; color:#002532} .info_alarm div.alarm_txt h2 {margin: 10px 20px 0 0; color: #fd5ea0; font-weight:bold; font-size:18px} .info_alarm div.alarm_txt p {padding: 0 20px 10px 20px; color:#002532} .info_alarm a#retlist {position: absolute; top: 380px ; left:410px} /* ---- plan du site ------ */ #sitemap { z-index:992; overflow:hidden;position:relative; width:856px; top:0px; left:5px; margin: -220px 10px 0 0 } #sitemap ul {list-style:none;margin:0; padding:0} #sitemap li {background-color:#557c91;float:left;margin:0 0 -0.1em;min-height:1em;padding:.2em .4em;position:relative;width:130px} #sitemap li a {color:#000; text-decoration:none} #sitemap li a:hover {font-weight: bold} #sitemap ul ul {font-size:90%;margin-top:-1.4em} #sitemap ul ul li {border-top:0.5em solid #fff !important;border-left:0.5em solid #251e27;left:136px; background-color:#8b91a8} #sitemap ul ul ul li {background-color:#bfa5be} #sitemap ul ul ul ul li {background-color:#e7bed5} #sitemap ul ul ul ul ul li {background-color:#fadbe9} #sitemap ul ul ul ul ul ul li {background-color:#fff; z-index:2589} /* ---- input ombrés ------ */ input, textarea, select {float:left; font: Arial, Helvetica, sans-serif; border:none; background:#fff url(../../../images/ombr.png) top right; padding:5px 6px 4px 5px; color:#344050; font-size:11px; margin: 0} textarea {width:300px; float:left} /* ---- input 1 ------ */ /* ---- a ------ */ a.bt_input, #drte p a.bt_input {display:block; margin:7px 7px 0 0; background: url(../../../images/bt_ok.png) no-repeat right bottom; text-align:center; text-decoration:none; font-weight:bold; color:#fff; cursor:pointer; padding:3px 9px} a.bt_input:hover, #drte p a.bt_input:hover {background: url(../../../images/bt_ok.png) no-repeat right bottom; color:#fff} /* ---- input ------ */ input.bt_input, button.bt_input{text-align:center; float:left; padding:0px 4px 10px 4px; height:35px;width:48px; font-size:11px; font-weight:bold; color:#fff; border: none; margin:0 0 0 3px; cursor: pointer; background: url(../../../images/bt_ok.png) no-repeat right top} input.bt_input:hover, button.bt_input:hover {background: url(../../../images/bt_ok_o.png) no-repeat right top} /* ---- input 2 ------ */ /* ---- a ------ */ a.bt_input2, #drte p a.bt_input2 {border:none; vertical-align:middle; position:relative; bottom:0px; padding: 6px 10px 5px 10px ; background: #fff url(../../../images/fd_bt.png) repeat-x right center;font-size:11px; text-align:center; text-decoration:none; font-weight:bold; color:#fff;cursor:pointer} a.bt_input2:hover, #drte p a.bt_input2:hover {color:#000; background:#fff url(../../../images/fd_bt_o.png) repeat-x right center} /* ---- input ------ */ input.bt_input2, button.bt_input2{border:none; vertical-align:middle; position:relative; bottom:4px; padding: 5px; background: #fff url(../../../images/fd_bt.png) repeat-x right center; text-align:center; font-size:11px;text-decoration:none; font-weight:bold; color:#fff; cursor: pointer} input.bt_input2:hover, button.bt_input2:hover {color:#000;background: #fff url(../../../images/fd_bt_o.png) repeat-x right center} /* ---- input sans ombres ------ */ input.sans {border:none; background:none; float:left; margin:0; padding:0} /* ------------------- pagination ------------------------- */ .paginator {float:left; width:auto; margin:5px 0; padding: 0px 3px 3px 3px; color:#3d5ca5; font-weight:bold; text-align:center} .paginator a {padding: 1px 4px 1px 4px; margin: 1px; border: 1px solid #3d5ca5; text-decoration: none; color: #3d5ca5; font-weight: bold} .paginator a:hover, .paginator a:active {border: 1px solid #ffde0b; color: #fff; background-color: #ffde0b} .paginator .current {padding: 1px 4px 1px 4px; margin: 1px; border: 1px solid #3d5ca5; font-weight: bold; background-color: #3d5ca5; color: #FFF} .paginator .disabled {padding: 1px 4px 1px 4px; margin: 1px; border: 1px solid #a6bbdb; color: #a6bbdb; font-weight: bold} input.ferror, textarea.ferror { border: solid 2px #C20000; } /* footer---------------------------------------*/ #footer {clear:both; height:100px; border-top: 7px solid #e1eaed; margin: 0 auto; width:910px; padding:0; text-align:left; font-weight:bold} #footer div#illus {height:100px;background: url(../../../images/foot_illus.png) no-repeat; position:relative; top:-15px; right:0px; float:right; display:block; margin: 0; width:268px; height:199px; padding:0; } #footer div.liens {padding:12px 0 0 12px; margin:0; color:#002532; float:left} #footer div.liens a, #footer div.liens a:active:visited {color: #002532; text-decoration: none; font-size: 11px; font-weight:bold} #footer div.liens a:hover {color: #fd5ea0; text-decoration: none; font-size: 11px; font-weight:bold} /* AJOUT 2010 */ .semi_h2 { width:280px !important; float:left; } .tit_acc_appli { padding-top:27px !important; } /* #large #palm_visit8 .left { margin:0 10px ; } #large #palm_visit8 ul { margin:10px; list-style:none; clear:both; } #large #palm_visit8 ul li { margin:3px 10px; float:left; } #large #palm_visit8 ul li span { float:left; } #large #palm_visit8 ul li span.rec_ref { width:8px; height:8px; margin:4px 6px 0 0; border:1px solid #444; } #large #palm_visit8 ul li span.iphone { background:#bce02e; } #large #palm_visit8 ul li span.androide { background:#2e97e0; } #large #palm_visit8 ul li span.meego { background:#e0d62e; } #large #palm_visit8 ul li span.windows7 { background:#e0642e; } #large #palm_visit8 ul li span.autres { background:#b02ee0; } */ ul.cam_legend { margin:0 0 0 30px; list-style:none; } ul.cam_legend li { margin:3px 10px; float:left; } ul.cam_legend li span { float:left; } ul.cam_legend li span.rec_ref { width:8px; height:8px; margin:4px 6px 0 0; border:1px solid #444; } ul.cam_legend li span.iphone { background:#bce02e; } ul.cam_legend li span.androide { background:#2e97e0; } ul.cam_legend li span.meego { background:#e0d62e; } ul.cam_legend li span.autres { background:#b02ee0; } ul.cam_legend li span.windows7 { background:#e0642e; } .tableau_acc { position:relative; padding:50px 0 0 0; } ul.general_ref { position:absolute; top:-13px; padding:0 2px; margin:0; list-style:none; float:left; width:635px; } ul.general_ref li { float:left; margin:0; } ul.general_ref li.tab_internet { margin:0 27px 0 0; } ul.general_ref li a { position:absolute; z-index: 10; outline:none; width:303px; height:63px; margin:10px 0; float:left; line-height:75px; background:url(../../../images/onglet_back.png) no-repeat; color:#888; } ul.general_ref li a.opened { color:#222; background:url(../../../images/onglet_front.png) no-repeat; height:64px; } ul.general_ref li a span { padding:0 0 0 55px; font-size:14px; font-weight:bold; float:left; } ul.general_ref li.tab_appli a { right: 4px; } ul.general_ref li.tab_internet a span { background:url(../../../images/ico_internet.png) 18px center no-repeat; } ul.general_ref li.tab_appli a span { background:url(../../../images/ico_appli.png) 18px center no-repeat; } #ref_internet, #ref_appli { position: absolute; margin:0 0 20px 0; float:left; padding:20px 0 0 0; background:url(../../../images/bg_onglets_acc.png) 2px 0 no-repeat; } #ref_internet h2.ref_internet, #ref_appli h2.ref_appli { padding:0 0 0 40px; line-height:32px; margin:0 0 10px 25px; color:#d63c80; } #ref_internet h2.ref_internet { background:url(../../../images/ico_internet.png) no-repeat; } #ref_appli h2.ref_appli { background:url(../../../images/ico_appli.png) no-repeat; } #large #palm_visit8 .tous { float:left; padding:10px 8px 10px 0px; margin:0px 0 0 0px; width:286px; text-align:right; font-size:11px; color:#444; background:url(../../../images/fd_4_tablo_bas_acc.png) no-repeat top left !important; } a.bt_tous { display:block; margin:0 0 20px 0; background:url(../../../images/bt_tous.png) no-repeat; text-align:center; line-height:27px; } a.bt_tous:hover { color:#fff !important; } #adher a.adherer {background: url(../../../images/adher_bt.png) no-repeat; width:269px; height:68px; padding: 0px; float:left; text-indent:-9999px; } #adher a.adherer:hover { background: url(../../../images/adher_bt.png) bottom no-repeat; } #nou_adh td { line-height:18px; padding:5px 0; vertical-align:middle; } #nou_adh a.cat_appli, a.cat_appli, #nou_adh a.cat_internet, a.cat_internet { padding:0 10px 0 20px; float:left; } #nou_adh a.cat_appli, a.cat_appli { background:url(../../../images/ico_appli_small.png) left center no-repeat; } #nou_adh a.cat_internet, a.cat_internet { background:url(../../../images/ico_internet_small.png) left center no-repeat; } #tablo_fiche_tend #tendances td.col2 { font-size:11px!important; } .fiche_tab .ongl_tab ul { margin:0; list-style:none; position:absolute; width:800px; height:40px; } .fiche_tab .ongl_tab ul li { margin:0 10px 0 4px; float:left; } .fiche_tab .ongl_tab a { font-size:14px; font-weight:bold; padding:0 20px 0 0; float:left; outline:none; } .fiche_tab .ongl_tab a span { float:left; padding:15px 0 15px 20px; font-size:14px; cursor:pointer; } .fiche_tab .ongl_tab a.focus { background:url(../../../images/tab211.png) right -92px no-repeat; } .fiche_tab .ongl_tab a.focus span { background: url(../../../images/tab211.png) top left no-repeat; } #tablo_fiche_diag, #tablo_fiche_cam { margin-top:40px; } .search_filter { float:left; width:900px; padding: 10px 0 15px 30px; } .search_filter h4 { margin:0 0 10px 0; } .search_filter label { float:left; margin: 0 10px 0 0; line-height:22px; } select { background-color: transparent !important; } .search_filter select { margin:0 20px 0 0; } .search_filter input.submit { margin: 0 0 0 20px; width:90px; padding: 5px 0 10px 0; height:30px; background:url(../../../images/bt_input.png) no-repeat; color:#fff; font-weight:bold; cursor:pointer; } .search_filter input.submit:hover { background:url(../../../images/bt_input_o.png) no-repeat; } #tit_fiche { margin:0 30px 20px 20px; background:#fd5ea0; color: #fff; padding:5px 0 5px 15px; } /* Nouveaux adhérents */ .nouv_adh { width:960px; clear:both; padding:30px 0 0 25px; } .nouv_adh ul { float:left; margin:0 0 20px 0; list-style:none; } .nouv_adh li { padding:0; float:left; width:283px;padding:5px 10px; } .nouv_adh li a { padding-left:18px; display:block; border-bottom:1px solid #aaa; } .nouv_adh li:hover { background:#ffc0da; } .nouv_adh li:hover a { border-bottom:1px solid #ffc0da; } .nouv_adh li a span { float:right; } .nouv_adh a.cate_appli { background:url(../../../images/ico_appli_small.png) left center no-repeat; } .nouv_adh a.cate_internet { background:url(../../../images/ico_internet_small.png) left center no-repeat; } #contact #contenu { width:700px !important; background: url("../../../images/fd_outils.png") 5px bottom no-repeat !important; padding-bottom:20px !important; } #form { width:410px !important; float:left; margin-bottom:0 !important; } #contenu #form #letitre { margin-left:20px !important; width:350px !important; } #contact label { padding-left:20px !important; } #form .legend { margin:20px; float:left; font-style:italic; } #form p { margin:0 0 10px 0; } #form .duform textarea { margin:0 0 15px 20px !important; } #form input.bt_input { margin:0 0 0 20px; } .map { float:left; width:260px; padding:20px 0 0 0; } #form #captcha { margin: 0 0 0 20px; } #form .insert_captcha { margin: 0 0 0 20px; } #grd_large #tablo_fiche td.tit, #grd_large #tablo_fiche td.rose, #grd_large #tablo_fiche td.rose_sans, #grd_large #tablo_fiche .meil_prog td.col1, #grd_large #tablo_fiche .meil_prog td.col1 a { color: #fff !important; }