/* ////////////////////////////////////////////////// */ /* ////////////////// L'ARTICLES ////////////////// */ /* ////////////////////////////////////////////////// */ #wrap_article { display:block; width:640px; float:left; min-height:100%; line-height:14px; margin-right:10px; } /* COLONNE 1 */ #content_articles{ width:980px; margin:0; padding:0; background-image:url(http://img3.free.fr/2008/portail/im/new_actu/bg_content.gif); background-repeat:repeat-y; } /* COLONNE 2 */ #wrap_article #col2 {display:block; width:640px; float:left; } #wrap_article #col2 #arcticle { width:640px; line-height:22px; color:#444444; margin-top:20px;} /* 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; _width:430px!important;} #wrap_article #col2 #arcticle .articleContent embed{max-width:640px; _width:430px!important;} #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:12px;} #wrap_article #col2 #arcticle .articleContent ul, #wrap_article #col2 #arcticle .articleContent ul li{ list-style-position:inside!important; padding:0px;} #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:25px; color:#444444; background-color:#FFFFFF; width:530px; } #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;} #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; } #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 #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 #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 { 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;} #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 .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 #encart{display:inline; width:615px; float:left; margin:5px 10px 20px 0px; padding:10px; padding-bottom:0px; border:2px solid #ececec; background-color:#FFFFFF; } #wrap_article #col2 #encart 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 #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; } /* //////////////////// 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 {overflow:hidden;margin:0 auto;width:640px; padding:0px; background-color:#FFFFFF; height:400px; 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; font-size:0px!important; 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; } #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 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; } #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; } #bottom_arcticle #scroller {width: 640px;margin:0 auto;overflow: hidden; clear:both;} #bottom_arcticle #scroller #content {display:block!important;clear:both;margin:0;padding:0;width: 3490px;} #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 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;} #col3 {display:block; width:316px; _width:300px; float:left; margin:0; padding:7px; _padding:7px 4px 7px 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 h2.voyage_title{ font-size:14px; color:#CC0000;} #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;}