@import url(global.css); /* ////////////////////////////////////////////////// */ /* ////////////////// L'ARTICLES ////////////////// */ /* ////////////////////////////////////////////////// */ #wrap_article { display:block; background-color:#FFFFFF; width:640px; float:left; min-height:100%; line-height:14px; margin-right:10px; } /* COLONNE 1 */ #content_articles{ width:980px; margin:0; padding:0; } span.credit_photo{ display:block; clear:both; font-size:10px;} /* COLONNE 2 */ #wrap_article #col2 {display:block; width:630px; float:left; margin:0px 20px 0px 0px; } #wrap_article #col2 #arcticle { width:635px; line-height:22px; color:#444444; margin-top:0px;font-size: 15px;} /* valeurs par defaut */ #wrap_article #col2 #arcticle .articleContent img{ _width:630px; max-width:640px; border:0px; background-color:#FFFFFF; padding: 0px;} #wrap_article #col2 #arcticle .articleContent object{max-width:640px; min-width:470px; min-height:380px; _width:430px!important; _height:350px;} #wrap_article #col2 #arcticle .articleContent embed{max-width:640px; min-width:470px; min-height:380px; _width:430px!important; _height:350px;} #wrap_article #col2 #arcticle .articleContent iframe{max-width:640px; _width:430px!important;} #wrap_article #col2 #arcticle .articleContent div{max-width:640px; _width:430px!important;} #wrap_article #col2 #arcticle .articleContent p a{font-size: 15px;line-height:22px; } #wrap_article #col2 #arcticle .articleContent ul, #wrap_article #col2 #arcticle .articleContent ul li, #wrap_article #col2 #arcticle .articleContent ol, #wrap_article #col2 #arcticle .articleContent ol li { list-style-position:inside!important; padding:0px;} #wrap_article #col2 #arcticle .articleContent ol, #wrap_article #col2 #arcticle .articleContent ol li { margin:25px 0; } #wrap_article #col2 #arcticle .articleContent{ font-size:1em;} #wrap_article #col2 #arcticle .articleContent .link_blank{ display:inline-block; font-size:0px; width:13px; height:10px; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/target_top.gif); background-repeat:no-repeat; margin-left:3px; margin-top:2px; } #wrap_article #col2 #arcticle h1{ display:block; float:left; overflow:hidden; font-size:2.3em; margin:0px; padding:0px 0px 5px 1px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; line-height:32px; color:#444444; background-color:#FFFFFF; width:520px; } #wrap_article #col2 #arcticle h1.titre_page{ width:640px!important;} #wrap_article #col2 #arcticle #credits { width:100px; margin:0; padding:0px 0px 0px 5px; float:right; display:block; text-align:right; } #wrap_article #col2 #arcticle #credits img{ _width:100px; max-width:100px; border:0;} #wrap_article #col2 #arcticle #panoramique {display:block; width:640px!important; clear:both; text-align:center; padding:0; margin:0px 0px 5px 0px!important; } #wrap_article #col2 #arcticle #panoramique img { _width:540px; max-width:640px!important; border:0px; } #wrap_article #col2 #arcticle #diapo{ width:626px; padding:0; margin:0; margin-bottom:10px; border:2px solid #eceaea; padding:5px; background-color:#F5F5F5; overflow:hidden; text-align:left; } #wrap_article #col2 #arcticle #diapo a{margin:0; padding:0; font-size:12px; color:#666666;} #wrap_article #col2 #arcticle #diapo a:hover{margin:0; padding:0; font-size:12px; color:#FF0000;} #wrap_article #col2 #arcticle #diapo h3{font-size:1.3em; margin-top:0px; margin-bottom:5px; color:#4b94c8; font-family:Arial, Helvetica, sans-serif; padding-bottom:3px;} #wrap_article #col2 #arcticle #diapo img{ padding:2px; border:1px solid #d3d3d3; max-width:112px; max-height:75px; _width:112px; background-color:#FFFFFF; float:left; margin-right:4px;} #wrap_article #col2 #arcticle #diapo img:hover{border:1px solid #F5F5F5; background-color:#FF0000;} #wrap_article #col2 #arcticle #videos{ width:170px; margin-bottom:10px; } #wrap_article #col2 #arcticle #videos h3{font-size:14px; margin-top:10px; margin-bottom:5px; color:#666666; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #999; padding-bottom:3px;} #wrap_article #col2 #arcticle #panoramique #diapo{ width:626px; padding:0; margin:0; margin-bottom:10px; border:2px solid #eceaea; padding:5px; background-color:#F5F5F5; overflow:hidden; text-align:left; } #wrap_article #col2 #arcticle #panoramique #diapo a{margin:0; padding:0; font-size:12px; color:#666666;} #wrap_article #col2 #arcticle #panoramique #diapo a:hover{margin:0; padding:0; font-size:12px; color:#FF0000;} #wrap_article #col2 #arcticle #panoramique #diapo h3{font-size:1.3em; margin-top:0px; margin-bottom:5px; color:#4b94c8; font-family:Arial, Helvetica, sans-serif; padding-bottom:3px;} #wrap_article #col2 #arcticle #panoramique #diapo img{ padding:2px; border:1px solid #d3d3d3; max-width:112px; max-height:75px; _width:112px; background-color:#FFFFFF; float:left; margin-right:4px;} #wrap_article #col2 #arcticle #panoramique #diapo img:hover{border:1px solid #F5F5F5; background-color:#FF0000;} #wrap_article #col2 #arcticle #panoramique #videos{ width:170px; margin-bottom:10px; } #wrap_article #col2 #arcticle #panoramique #videos h3{font-size:14px; margin-top:10px; margin-bottom:5px; color:#666666; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #999; padding-bottom:3px;} #wrap_article #col2 #arcticle #standard {display:block; width:280px!important; clear:both; text-align:center; padding:10px 5px 5px 5px; margin:10px 10px 5px 0px!important; border:2px solid #eceaea; background-color:#F5F5F5; float:left; overflow:hidden; } #wrap_article #col2 #arcticle #standard div{ width:260px;} #wrap_article #col2 #arcticle #standard img { border:0px; max-width:260px!important; } #wrap_article #col2 #arcticle #standard #diapo{ width:270px; margin:10px 0px 5px 0px; padding:5px; overflow:hidden;text-align:left; } #wrap_article #col2 #arcticle #standard #diapo a{margin:0; padding:0; font-size:12px; color:#666666; } #wrap_article #col2 #arcticle #standard #diapo a:hover{margin:0; padding:0; font-size:12px; color:#FF0000;} #wrap_article #col2 #arcticle #standard #diapo h3{font-size:1.3em; margin-top:0px; margin-bottom:5px; color:#4b94c8; font-family:Arial, Helvetica, sans-serif; padding-bottom:3px;} #wrap_article #col2 #arcticle #standard #diapo img{ padding:2px; border:1px solid #d3d3d3; max-width:112px!important; max-height:100px; _width:112px; background-color:#FFFFFF; float:left; margin-right:4px;} #wrap_article #col2 #arcticle b{ font-weight:bold;} #wrap_article #col2 #arcticle u{ text-decoration:underline;} #wrap_article #col2 #arcticle p{margin:12px 0px 12px 0px; } #wrap_article #col2 #arcticle span.sortie{ font-size:12px; font-style:italic; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;} #wrap_article #col2 #arcticle h2{ margin-top:5px; font-size:1em;} #wrap_article #col2 #arcticle a{color:#666666; text-decoration:underline;} #wrap_article #col2 #arcticle a:hover{color:#ff0000; } #wrap_article #col2 #arcticle ul li{ list-style-type:disc; margin:8px 0px 8px 15px; list-style-position:outside!important; list-style-image:none!important;} #wrap_article #col2 #arcticle ul li a{ font-size:12px;} #wrap_article #col2 #arcticle div.image_article{ margin-bottom:20px;} #wrap_article #col2 #arcticle div.image_article img{ border:3px solid #000000; background-color:#000000; padding-bottom:35px; border-bottom:25px; max-width:612px;} #wrap_article #col2 #arcticle div.image_article p{ width:300px; margin:-35px 2px 2px 2px; padding:0 1px 3px 1px; line-height:12px; color:#f0f0f0;} #wrap_article #col2 #arcticle #infos_options{ clear:both; text-align:left; font-size:1em; padding-left:5px; } #wrap_article #col2 #arcticle #infos_options .art_date{font-size:0.8em; font-family:Arial, Helvetica, sans-serif; color:#999999; float:left; } #wrap_article #col2 #arcticle #infos_options .options{ float:right; width:100px; text-align:right; margin-right:10px;} #wrap_article #col2 #arcticle #infos_options img{ border:0px;} #wrap_article #col2 #arcticle #infos_options .options ul li{ list-style:none; display:inline;} #wrap_article #col2 .top{ width:650px; text-align:right; height:17px; clear:both; display:block; margin:5px 0px 5px 0px; } #wrap_article #col2 .top a{/* display:block; float:right; width:34px; height:17px; background-image:url(http://img3.free.fr/2008/portail/im/backtotop.gif); margin-right:0px;*/} #wrap_article #col2 #articles_liens{display:inline; width:165px; float:left; clear:both; margin:5px 10px 6px 0px; padding:5px; border:2px solid #ececec; background-color:#FFFFFF; } #wrap_article #col2 #articles_liens h3{ width:165px; padding:5px 0px 5px 0px;font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:normal; border-bottom:2px #e8e8e8 solid; margin:0px!important; text-decoration:none; color:#707070!important; display:block; clear:both; text-transform:uppercase; } #wrap_article #col2 #articles_liens ul li{ list-style:none; margin:0; padding:0;} #wrap_article #col2 #articles_liens ul li a{width:165px; color:#1f78b7; font-family:verdana; font-size:11px; font-weight:600; border-bottom:1px #f5f5f5 solid; margin:0px!important; padding:3px 0px 3px 0px; text-decoration:none; clear:both; display:block; } #wrap_article #col2 #articles_liens ul li a:hover {background-color:#EEE; color:#FF0000;} #wrap_article #col2 #articles_liens ul li.sel a{background-color:#EEE; color:#FF0000;} #wrap_article #col2 #encart{display:inline; width:615px; float:left; margin:5px 10px 20px 0px; padding:10px 0 0 0; /* border:2px solid #ececec; */ background-color:#FFFFFF; } #wrap_article #col2 #encart h3{ width:615px; padding:0 0 10px/*0px 0px 5px 0px*/;font-family:Arial, Helvetica, sans-serif; font-size:28px /*1.6em*/; font-weight:normal; margin:0 0 10px /*0px!important*/; text-decoration:none; color:#444 /*#60b1ea!important*/; display:block; clear:both; border-bottom:2px solid #ECECEC } #wrap_article #col2 #encart ul li{ list-style:none; margin:0; padding:0; background:transparent url(http://img3.free.fr/2008/portail/im/fl_total.gif) no-repeat scroll 0px -198px; padding-left:8px!important; clear:both; display:block; } #wrap_article #col2 #encart ul li a{color:#1f78b7; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal; margin:0px!important; text-decoration:none; } #wrap_article #col2 #encart ul li a:hover { color:#FF0000;} #wrap_article #col2 #encart span{ width:132px; height:130px; text-align:center; float: left; overflow:hidden;} #wrap_article #col2 #encart span.image{ border:0; text-align:center; } #wrap_article #col2 #encart span.image a{ display:block; width:132px; margin:0; padding:0; height:76px; overflow:hidden; text-align:center; } #wrap_article #col2 #encart span.titre a{ border:0; } #wrap_article #col2 #encart span.titre{ border:0; margin:auto; } #wrap_article #col2 #encart span img{ border:0; max-width:132px; max-height:76px;} /* MULTIPAGE #wrap_article #pg{ display:block; float:right; font-size:1.3em; line-height:13px; height:25px; margin:10px 0px 10px 0px; } #wrap_article #pg strong{ color:#444444; text-align:center; margin:0px 3px 0px 3px; float:left; } #wrap_article #pg a{ display:block; float:left; margin:0 3px 0 3px; text-decoration:none!important; color:#1f78b7!important;} #wrap_article #pg a:hover{ color:#FF0000!important; text-decoration:none;} #wrap_article #pg a.pg-next, #wrap_article #pg a.pg-prec, #wrap_article #pg a.pg-suiv{ float:left; margin:0px 3px 0px 3px; color:#1f78b7;} #wrap_article #pg a.pg-next:hover, #wrap_article #pg a.pg-prec:hover, #wrap_article #pg a.pg-suiv:hover{ color:#1f78b7; } */ /* MULTIPAGE #iarticles_col1 #pg{display:block; width:630px; float:inherit; text-align:center; font-size:1em; line-height:13px; height:25px; margin:10px auto; } #iarticles_col1 #pg div{display:block; overflow:hidden; width:440px; margin:auto auto; text-align:center;} #iarticles_col1 #pg strong{ color:#FFFFFF; width:19px; height:19px; display:block; text-align:center; background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_sel.gif) top left no-repeat!important; margin:0px 3px 0px 3px; float:left; padding-top:3px; } #iarticles_col1 #pg a{ display:block; height:19px; width:19px; text-align:center; background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_nosel.gif) top left no-repeat!important; margin:0px 3px 0px 3px; float:left; text-decoration:none!important; font-weight:bold; color:#5a5a5a!important; padding-top:3px;} #iarticles_col1 #pg a:hover{ color:#FF0000!important; text-decoration:none;} #iarticles_col1 #pg a.pg-next, #iarticles_col1 #pg a.pg-prec, #iarticles_col1 #pg a.pg-suiv{ float:left; width:80px; height:inherit; background-image:none!important; margin:0px 3px 0px 3px; color:#5a5a5a;} #iarticles_col1 #pg a.pg-next:hover, #iarticles_col1 #pg a.pg-prec:hover, #iarticles_col1 #pg a.pg-suiv:hover{ width:80px; height:inherit; background-image:none!important; color:#5a5a5a; } #iarticles_col1 #pg span.pg-prec, #iarticles_col1 #pg span.pg-next{ display:block; width:80px; float:left;}*/ /* MULTIPAGE */ #wrap_article #pg{display:block; width:630px; float:inherit; text-align:center; font-size:1em; line-height:13px; height:55px; margin:10px auto; overflow:hidden; } #wrap_article #pg div{display:block; overflow:hidden; width:410px; margin:12px auto; text-align:center;} #wrap_article #pg strong{ color:#FFFFFF; width:21px; height:19px; display:block; text-align:center; background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_sel.gif) top left no-repeat!important; margin:0px 3px 0px 3px; float:left; padding:5px 3px 0px 0px; } #wrap_article #pg a{ display:block; width:21px; height:19px; text-align:center; background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_nosel.gif) top left no-repeat!important; margin:0px 3px 0px 3px; float:left; text-decoration:none!important; font-weight:bold; color:#5a5a5a!important; padding:5px 3px 0px 0px;} #wrap_article #pg a:hover{background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_hover.gif) top left no-repeat!important;} #wrap_article #pg a:hover{ color:#FFFFFF!important; text-decoration:none;} #wrap_article #pg a.pg-next, #wrap_article #pg a.pg-prec, #wrap_article #pg a.pg-suiv{ float:left; width:21px; height:19px; text-indent:-300px; overflow:hidden; display:block; margin:0p; color:#5a5a5a;} #wrap_article #pg a.pg-next{ background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_right.gif) top left no-repeat!important; } #wrap_article #pg a.pg-next:hover{ background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_right_hover.gif) top left no-repeat!important; } #wrap_article #pg a.pg-prec{ background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_left.gif) top left no-repeat!important; } #wrap_article1 #pg a.pg-prec:hover{ background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_left_hover.gif) top left no-repeat!important; } #wrap_article #pg span.pg-prec, #wrap_article #pg span.pg-next{ display:block; width:80px; float:left;} #iarticles_col1 #pg{display:block; width:630px; float:inherit; text-align:center; font-size:1em; line-height:13px; height:45px; margin:10px auto; background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg.gif) top left no-repeat!important; } #iarticles_col1 #pg div{display:block; overflow:hidden; width:360px; margin:12px auto; text-align:center;} #iarticles_col1 #pg strong{ color:#FFFFFF; width:21px; height:19px; display:block; text-align:center; background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_sel.gif) top left no-repeat!important; margin:0px 3px 0px 3px; float:left; padding:5px 3px 0px 0px; } #iarticles_col1 #pg a{ display:block; width:21px; height:19px; text-align:center; background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_nosel.gif) top left no-repeat!important; margin:0px 3px 0px 3px; float:left; text-decoration:none!important; font-weight:bold; color:#5a5a5a!important; padding:5px 3px 0px 0px;} #iarticles_col1 #pg a:hover{background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_hover.gif) top left no-repeat!important;} #iarticles_col1 #pg a:hover{ color:#FFFFFF!important; text-decoration:none;} #iarticles_col1 #pg a.pg-next, #iarticles_col1 #pg a.pg-prec, #iarticles_col1 #pg a.pg-suiv{ float:left; width:21px; height:19px; text-indent:-300px; overflow:hidden; display:block; margin:0p; color:#5a5a5a;} #iarticles_col1 #pg a.pg-next{ background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_right.gif) top left no-repeat!important; } #iarticles_col1 #pg a.pg-next:hover{ background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_right_hover.gif) top left no-repeat!important; } #iarticles_col1 #pg a.pg-prec{ background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_left.gif) top left no-repeat!important; } #iarticles_col1 #pg a.pg-prec:hover{ background:url(http://img3.free.fr/2008/portail/new/im/new/bg_pg_left_hover.gif) top left no-repeat!important; } #iarticles_col1 #pg span.pg-prec, #iarticles_col1 #pg span.pg-next{ display:block; width:80px; float:left;} /* //////////////////// PARTAGER ///////////////////// */ #wrap_article #col2 #partager{display:inline; width:615px; float:left; margin:5px 10px 6px 0px; padding:10px; padding-bottom:0px; border:2px solid #ececec; background-color:#FFFFFF; } #wrap_article #col2 #partager h3{ width:615px; padding:0px 0px 5px 0px;font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:normal; margin:0px!important; text-decoration:none; color:#666666!important; display:block; clear:both; } #wrap_article #col2 #partager ul li{ display:block; list-style:none; float:left; margin:7px; padding:0;} #wrap_article #col2 #partager ul li a{ width:58px; height:70px; display:block; font-size:0px; text-indent:-300px; margin-bottom:8px; overflow:hidden;} #wrap_article #col2 #partager ul li a{ width:65px; height:78px; display:block; font-size:0px; margin-bottom:0px;} #wrap_article #col2 #partager ul li.facebook a{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_facebook.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.fuzz a{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_fuzz.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.scoopeo a{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_scoopeo.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.twitter a{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_twitter.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.wikio a{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_wikio.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.blogasty a{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_blogasty.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.mail a{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_mail.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.facebook a:hover{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_facebook_on.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.fuzz a:hover{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_fuzz_on.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.scoopeo a:hover{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_scoopeo_on.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.twitter a:hover{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_twitter_on.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.wikio a:hover{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_wikio_on.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.blogasty a:hover{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_blogasty_on.gif); background-repeat:no-repeat; } #wrap_article #col2 #partager ul li.mail a:hover{background-image:url(http://img3.free.fr/2008/portail/im/new_actu/btn_part_mail_on.gif); background-repeat:no-repeat; } /* //////////////////// BOTTOM ///////////////////// */ #bottom_arcticle, #bottom_arcticlen {display:block!important; overflow:hidden!important;margin:15px auto;width:640px!important; padding:0px; background-color:#FFFFFF; background-repeat:no-repeat; text-align:center; padding:0px; } #bottom_arcticle h3{ float:left; margin-top:6px; text-align:left; text-transform:uppercase; font-size:1.6em; font-family:Arial, Helvetica, sans-serif; width:640px; color:#666666; font-weight:normal; border-bottom:2px solid #999999; padding-bottom:5px; padding-left:2px;} #bottom_arcticle span.heure{ float:right; margin-top:-20px; font-weight:bold; margin-right:15px; width:180px; text-align:right; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#999999;} #bottom_arcticle span.navdot{ display:block; clear:both; width:640px; padding-top:10px; height:10px; margin-bottom:10px; margin-left:0px; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#444444; } #bottom_arcticle ul.navigation{ float:left;} #bottom_arcticle ul.navigation li{ float:left; height:11px; width:11px; ont-size:0px!important; margin:0!important; padding:0!important; list-style-type:none; list-style-position:inside;} #bottom_arcticle ul.navigation li a{color:#FFFFFF; height:11px; width:11px; display:block; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/bg_articles_zapette_li_off.gif); background-repeat:no-repeat; font-size:0px!important;text-indent:-100px; overflow:hidden; margin:0!important; padding:0!important; } #bottom_arcticle ul.navigation li.sel a{color:#FFFFFF; height:11px; width:11px; display:block; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/bg_articles_zapette_li_on.gif); background-repeat:no-repeat; } #bottom_arcticle ul.navigation li span{color:#FFFFFF; height:11px; width:11px; display:block; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/bg_articles_zapette_li_off.gif); background-repeat:no-repeat; font-size:0px!important;text-indent:-100px; overflow:hidden; margin:0!important; padding:0!important; } #bottom_arcticle ul.navigation li.sel span{color:#FFFFFF; height:11px; width:11px; display:block; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/bg_articles_zapette_li_on.gif); background-repeat:no-repeat; } #bottom_arcticle span.prec{ float:left; width:285px; color:#000000; text-align:left; padding-left:9px; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/fl_black_left.gif); background-repeat:no-repeat; background-position:left 1px; cursor:pointer;} #bottom_arcticle span.suiv{ float:right; width:100px; color:#000000; text-align:right; padding-right:9px; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/fl_black_right.gif); background-repeat:no-repeat; background-position:right 1px; cursor:pointer; } #bottom_arcticle a.prec{ float:left; width:285px; color:#000000; text-align:left; padding-left:9px; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/fl_black_left.gif); background-repeat:no-repeat; background-position:left 1px; cursor:pointer;} #bottom_arcticle a.suiv{ float:right; width:100px; color:#000000; text-align:right; padding-right:9px; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/fl_black_right.gif); background-repeat:no-repeat; background-position:right 1px; cursor:pointer; } #bottom_arcticle #scroller {display:block!important; position:relative!important; width:640px!important; height:350px!important; left:0px; margin:0 auto; overflow:hidden!important; clear:both;} #bottom_arcticle #scroller #content {display:block!important; margin:0;padding:0; width:3490px; position:absolute!important; left:0px; height:350px; background:none!important;} #bottom_arcticle #scroller #content div{width:640px; float:left;} #bottom_arcticle #scroller #content div div {display:block!important; float:left!important; width:138px; height:130px; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/bg_img_articles_zapette.gif); background-repeat:no-repeat; padding:8px; margin:3px; _margin:2px; margin-bottom:10px; text-align:center!important; clear:none!important; overflow:hidden; padding-bottom:20px;} #bottom_arcticle #scroller #content div div span{ width:132px; height:80px; text-align:center; float: left; overflow:hidden;} #bottom_arcticle #scroller #content div div span.image{ border:0; text-align:center; } #bottom_arcticle #scroller #content div div span.image a{ display:block; width:132px; margin:0; padding:0; height:76px; overflow:hidden; text-align:center; } #bottom_arcticle #scroller #content div div span.titre a{ border:0; } #bottom_arcticle #scroller #content div div span.titre{ border:0; margin:auto; } #bottom_arcticle #scroller #content div div img{ border:0; max-width:132px; max-height:76px;} #bottom_arcticle #scroller #content div.contenu{ outline:none; border:none;} #bottom_arcticle #scroller #content div div.texte span.texte{ display:none;} #bottom_arcticle #scroller #content div div a{ color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold;} #bottom_arcticle #scroller #content h2{ clear:both; border-top:2px solid #999999; padding-top:20px; margin-top:20px; color:#CC0000;} #bottom_arcticle #scroller #content h3{ clear:both; border-bottom:1px solid #e0e0e0; margin-top:20px; color:#0c5f99; text-align:right;} #bottom_arcticle #scroller #content span.chapeau{border:0; background-color:#F5F5F5; font-weight:normal; color:#000000; font-size:12px; height:90px; font-family:Arial, Helvetica, sans-serif;} #bottom_arcticle #scroller #content .titre{ font-size:15;} #bottom_arcticle #scroller #content div div.texte span.titre{height:auto!important; font-size:18px;} #bottom_arcticle #scroller #content div div.texte span.titre a{ font-size:16px; line-height:1.3;} #bottom_arcticle #scroller #content div div.texte span.texte{height:110px; border:none; font-size:11px;} #bottom_arcticlen{ background-color:#f0f0f0; padding:5px 10px 5px 10px; width:620px!important; } #bottom_arcticlen h3{float:left; margin-top:6px; text-align:left; text-transform:uppercase; font-size:2em; font-family:Arial, Helvetica, sans-serif; width:640px; color:#999999; font-weight:normal; border:0px; padding-bottom:5px; padding-left:0px; line-height:normal!important;} #bottom_arcticlen div.art_bottom{ display:block; overflow:hidden; margin:0px; padding:0px 8px 0px 8px; text-align:left; clear:both; background-color:#FFFFFF; color:#777777;} #bottom_arcticlen div.art_bottom div.standard{ display:block; float:left; margin:0px 5px 0px 0px; overflow:hidden; } #bottom_arcticlen div.art_bottom div.standard img{ max-width:110px; max-height:70px; _height:70px; border:2px solid #FFFFFF; } #bottom_arcticlen div.art_bottom div.standard img:hover{border:2px solid #FF0000;} #bottom_arcticlen div.art_bottom h2, #bottom_arcticle div.art_bottom h2 a{ text-align:left; font-size:13px; color:#888888; } #bottom_arcticlen div.art_bottom p, #bottom_arcticle div.art_bottom p a{ text-align:left;} #bottom_arcticlen div.art_bottom span.cfer{ display:none;} #bottom_arcticlen a.back{ float:right; width:614px; font-weight:bold; text-align:right; padding:5px 3px 3px 3px; display:block; clear:both; } #bottom_arcticlen a:hover{color:#FF0000;} #bottom_arcticlen div.art_bottom div.arti{ display:block; clear:both; overflow:hidden; padding:10px 0px 10px 5px; border-top:1px solid #F0F0F0; line-height:15px;} #bottom_arcticlen div.art_bottom div.noimage{ margin:15px 0px 15px 5px; } #bottom_arcticlen div.art_bottom div.noimage h2 a{ font-size:16px; color:#666666; line-height:20px; padding:0px; margin:0px;} #col3 {display:block; width:315px; float:left; margin:0; padding:0px 14px 5px 0px; text-align:center; } /*#col3 {display:block; width:316px; height:100%; float:left; margin:0px; padding:7px; text-align:center; bottom:0px; position: relative; }*/ #wrap_article #col2 #arcticle .articleContent .arti h2 { font-size:1.0em; margin:0px 0px 3px 0px; line-height:18px; } #wrap_article #col2 #arcticle .articleContent .arti h2 a{ font-size:1.5em; margin:0px 0px 3px 0px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#1f78b7; text-decoration:none; } #wrap_article #col2 #arcticle .articleContent .arti a h2:hover{color:#ff0000;} #wrap_article #col2 #arcticle .articleContent .arti a:hover{ text-decoration:none;} #wrap_article #col2 #arcticle .articleContent .arti .panoramique { display:block; margin:0px; text-align:center; } #wrap_article #col2 #arcticle .articleContent .arti .panoramique img {max-width:340px; _width:250px; border:1px solid #999999; background-color:#FFFFFF; padding: 5px; } #wrap_article #col2 #arcticle .articleContent .arti .panoramique img:hover { border:1px solid #FF0000; } #wrap_article #col2 #arcticle .articleContent .arti .standard { float:left; margin:auto 6px 2px auto; text-align:center; } #wrap_article #col2 #arcticle .articleContent .arti span.cfer{color:#CCCCCC; } #wrap_article #col2 #arcticle .articleContent .arti span.cfer a{color:#CCCCCC;} #wrap_article #col2 #arcticle .articleContent .arti span.cfer a:hover{color:#ff0000;} #wrap_article #col2 #arcticle .articleContent .arti a{ font-size:1em; color:#666666; } #wrap_article #col2 #arcticle .articleContent .arti a:hover{ color:#FF0000!important; } #wrap_article #col2 #arcticle .articleContent .arti p a{color:#666666!important; font-size:12px!important;} #wrap_article #col2 #arcticle .articleContent .arti p a:hover{color:#FF0000!important;} #wrap_article #col2 #arcticle .articleContent .arti img { max-width:150px!important; _width:150px!important; border:1px solid #FFFFFF!important; float:left!important; max-height:140px; margin-top:2px!important; } #wrap_article #col2 #arcticle .articleContent .arti img:hover { border:1px solid #FF0000!important; } #wrap_article #col2 #arcticle .articleContent .arti .art_date{ display:block; margin:0px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999999;} #wrap_article #col2 #arcticle .articleContent .arti{ display:block!important; margin:10px 0px 10px 0px!important; padding:10px 5px 10px 5px!important; clear:both!important; overflow:hidden!important; border:1px solid #FFFFFF!important; line-height:20px!important; color:#555555!important; font-family:Arial, Helvetica, sans-serif!important;} #wrap_article #col2 #arcticle .articleContent .arti p{ margin-top:0!important;} #wrap_article #col2 #arcticle .articleContent .blk{display:block!important; margin:10px 0px 10px 0px!important; padding:10px 5px 10px 5px!important; clear:both; overflow:hidden; background-color:#f5f5f5!important; border:1px solid #ececec!important; color:#555555; font-family:Arial, Helvetica, sans-serif;} #wrap_article #col2 #arcticle .articleContent .list{ margin:0px 0px 5px 0px!important; padding:0!important; clear:both; overflow:hidden;} #wrap_article #col2 #arcticle .articleContent .list img, #iarticles_col1 .list p, #iarticles_col1 .list .standard{ display:none;} #wrap_article #col2 #arcticle .articleContent .list h2{ display:inline!important; clear:both!important; margin:0!important; padding:0!important; } #wrap_article #col2 #arcticle .articleContent .list h2 a{ font-size:1em; margin:0px; font-weight:normal; padding-left:6px; background:#ffffff url(http://img3.free.fr/2008/portail/im/fl_total.gif) no-repeat scroll 0px -138px!important; text-decoration:none!important; line-height:12px; float:left; color:#1f78b7!important; } #wrap_article #col2 #arcticle .articleContent .list h2 a:hover{color:#FF0000!important;} #wrap_article #col2 #arcticle .articleContent .list span.art_date{ float:left!important; padding-left:5px!important; font-size:11px!important; font-family:Arial, Helvetica, sans-serif!important; color:#999999!important; margin-top:-4px!important;} div.dnavart{display:block; overflow:hidden;} span.art_suivant, span.art_suivant_no { float:left; margin-left:-3px; } span.art_precedent, span.art_precedent_no { float:right; margin-right:-3px; } span.art_precedent, span.art_suivant, span.art_precedent_no, span.art_suivant_no { display:block !important; height:58px; margin:0 0 15px; padding:0; width:313px; } span.art_precedent a, span.art_suivant a { color:#747474 !important; display:block !important; font-size:12px; height:48px; line-height:15px; overflow:hidden !important; text-decoration:none !important; background:#fff url(http://img3.free.fr/2008/portail/new/im/new/nav_archives_articles.png) no-repeat; padding:5px 12px; } span.art_suivant a { padding-left:40px; text-align:left;} span.art_precedent a { padding-right:40px; text-align:right; background-position:right top;} span.art_suivant a img{ display:block; float:left; opacity:0.3; filter:alpha(opacity=30); margin:0px 3px 0px 3px; padding:2px; background-color:#FFFFFF; max-height:44px; max-width:85px; _height:44px; border:none;} span.art_precedent a img{ display:block; float:right; opacity:0.3; filter:alpha(opacity=30); margin:0px 3px 0px 3px; padding:2px; background-color:#FFFFFF; max-height:44px; max-width:85px; _height:44px; border:none;} span.art_precedent a:hover, span.art_suivant a:hover { color:red !important; } span.art_suivant a:hover { background-position:left -58px; } span.art_precedent a:hover { background-position:right -58px; } span.art_suivant a:hover img{ opacity:1; filter:alpha(opacity=100); } span.art_precedent a:hover img{ opacity:1; filter:alpha(opacity=100); } span.art_precedent a:active, span.art_suivant a:active { color:white !important; } span.art_suivant a:active { background-position:left -116px; } span.art_precedent a:active { background-position:right -116px; } #new_partager{ background-color: #FFFFFF; border: 1px solid #ECECEC; border-left:0px; border-right:0px; display: inline; float: left; margin: 10px 0px 5px 0; padding: 0px 10px; width: 615px;}