#col1 { float:left; margin-left:8px; overflow:hidden; width:633px; } #col3 { display:block; float:right; margin:14px 0px 0px 0px; overflow:hidden; width:308px; } /*-------------------------------------------------- ---------------------------------------------------- ------------------ ZONE ARTICLES ------------------- ---------------------------------------------------- ---------------------------------------------------*/ #col1 img { border:2px solid #999999; } #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; } #arcticle { color:#444444; padding:0px 4px 0px 4px!important; width:635px; margin-top:10px; font-family: verdana, arial, sans-serif; background-image:url(http://imgs.aliceadsl.fr/portail/im/new/bg_nav_col1_articles.png); background-repeat:repeat-y; overflow:hidden; } #col1 div.art_bas{display:block; background-image:url(http://imgs.aliceadsl.fr/portail/im/new/bg_bas_col1_articles.png); background-position:left top; background-repeat:no-repeat; width:635px; height:7px; clear:both; margin: 0px 0px 0px -4px; background-color:#dbdbdb; padding-bottom:15px;} #col1 div.art_haut{display:block; background-image:url(http://imgs.aliceadsl.fr/portail/im/new/bg_haut_col1_articles.png); background-position:left top; background-repeat:no-repeat; width:635px; height:7px; clear:both; margin: 0px 0px 0px -4px;} #supercontent { background-color:#FFFFFF; margin:0px; padding:0px; } #supercontent .haut { background:transparent url(../images/bg_tab.gif) no-repeat scroll -2px -24px; display:block; height:8px; margin:0; padding:0; } #supercontent .bas { background:transparent url(../images/bg_tab.gif) no-repeat scroll -2px -392px; display:block; height:4px; margin:5px 0 0; overflow:hidden; padding:0; } #supercontent .content { background-color:#DBDBDB; border-color:#FFFFFF; border-style:none solid; border-width:0 8px; display:block; margin:0; overflow:hidden; width:964px; } #supercontent .content .bas { background:transparent url(../images/bg_tab.gif) no-repeat scroll -2px -357px; clear:both; display:block; height:4px; margin:0; overflow:hidden; padding:0; width:964px; } #supercontent .content #col1 { float:left; margin-left:8px; overflow:hidden; width:633px; } #supercontent .content #col2 { display:block; float:left; margin:10px 0 0 0; overflow:hidden; width:308px; } /* ////////////////////////////////////////////////// */ /* //////////////// HOME ARTICLES ///////////////// */ /* ////////////////////////////////////////////////// */ /* COLONNE 1 */ #col1 { display:block; width:640px; float:left; padding:0px; min-height:100%; line-height:14px; margin:0 10px 0 0; padding:0; } #col1 ul { margin-bottom:15px; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; } #col1 li { list-style:none; float:left; padding:2px 5px 8px 5px; margin-bottom: -3px; border-left: 1px #CCCCCC solid; } #col1 li.sel { background-color:#FFFFFF; border:solid #d1d1d1 1px; border-top:solid #d1d1d1 2px; border-bottom:none; font-weight:bold; background-image:none } #col1 li.nosel { list-style:none; float:left; padding:2px 5px 8px 5px; margin-bottom: -3px; border-left: 1px #CCCCCC solid; } #col1 h1 { margin-top:10px; margin-bottom:5px; margin-left:5px; color:#666666; } #col1 h2 { font-size:0.9em; margin:0px 0px 3px 0px; line-height:18px; text-decoration:none; } #col1 h2 a{ font-size:1.3em; margin:0px 0px 3px 0px; font-weight:bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } #col1 a h2:hover{color:#ff0000;} #col1 a:hover{ text-decoration:none;} #col1 .panoramique { display:block; margin:0px; text-align:center; } #col1 .panoramique img {max-width:340px; _width:250px; border:1px solid #999999; background-color:#FFFFFF; padding: 5px; } #col1 .panoramique img:hover { border:1px solid #FF0000; } #col1 .standard { float:left; margin:auto 6px 2px auto; text-align:center; } #col1 #articles span.cfer{color:#CCCCCC; } #col1 #articles span.cfer a{color:#CCCCCC;} #col1 #articles span.cfer a:hover{color:#ff0000;} #col1 #articles a{ font-size:1em; color:#666666; } #col1 #articles a:hover{ color:#FF0000!important; } #col1 #articles p a{color:#666666!important; font-size:12px!important;} #col1 #articles p a:hover{color:#FF0000!important;} #col1 .arti .art_date{ display:block; margin:4px 0 0px 0; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999999;} #col1 .next{ float:right;} #col1 .standard img { max-width:150px; _width:150px; border:1px solid #c1c1c1; float:left; max-height:140px; margin-top:2px; } #col1 .standard img:hover { border:1px solid #FF0000; } #col1 p{margin:5px 0px 0px 0px;} #col1 #arcticle .standard{_width:170px; float:left; line-height:14px;} #col1 .la_une { display:block; margin:10px 0 10px 0; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; line-height:20px; color:#444444;} #col1 .la_une h2 a{ margin:0px 0px 6px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; } #col1 .la_une h2 {margin:0px 0px 8px 0px; line-height:28px; font-size:1.3em; } #col1 .la_une .panoramique{ clear:both;} #col1 .la_une p{margin:5px 0 0 0; padding:0; font-weight:400; display:block;} #col1 .la_une img{ float:left; max-width:340px; max-height:250px; margin-right:10px; padding:0; border:1px solid #FFFFFF; } #col1 .la_une .next{ float:none;} #col1 div.next{ display:block; text-align:right; background-image:url(http://img3.free.fr/2008/portail/im/bg_ttr_fcateg.png); background-position:100% 50%; background-repeat:repeat-x; width:640px; clear:both; margin: 10px 0 30px 0;} #col1 div.next a{ font-weight:bold; font-size:1.3em; background-color:#FFFFFF; padding-left:5px;} #col1 .arti{ display:block; width:607px; margin:0px 0px 0px 0px; padding:20px 10px 50px 10px; clear:both; overflow:hidden; border:0px solid #FFFFFF; line-height:20px; color:#555555; font-family:Arial, Helvetica, sans-serif; background-image:url(http://imgs.aliceadsl.fr/portail/im/new/bg_nav_col1_articles_bottom.png); background-repeat:repeat-x; background-position:bottom;} #col1 .la_une .arti{ background:none!important;} #col1 .arti p{ margin-top:0;} #col1 .blk{} #col1 .list{ margin:0px 0px 5px 0px!important; padding:0!important; clear:both; overflow:hidden;} #col1 .list img, #col1 .list p, #col1 .list .standard{ display:none;} #col1 .list h2{ display:inline; overflow:hidden; margin:0px; padding:0px;} #col1 .list h2 a{ display:block; 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 -137px!important; line-height:12px; float:left; } #col1 .list .art_date{display:inline; overflow:hidden; float:left; padding:0px 0px 0px 5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999999;} #fcateg .anne{ display:block; width:314px; background-image:url(http://imgs.aliceadsl.fr/portail/im/new/bg_nav_col1_articles_fcat.png); background-position:left top; background-repeat:repeat-y; overflow:hidden; margin:auto; padding:0px; float:left;} #fcateg h3 { text-align:left; font-size:1.6em; font-weight:bold; margin:0px; padding:16px; background-image:url(http://imgs.aliceadsl.fr/portail/im/new/bg_nav_col1_articles_fcat_top.png); background-position:top left; background-repeat:no-repeat; width:282px; height:13px; } #fcateg h3 a{ text-decoration:none;} #fcateg h3 a:hover, #fcateg .first_anne h4 a:hover{ color:#FF0000!important; } #fcateg h4{font-size:1.2em; float:left; width:145px; margin:0; padding:0; text-align:left; } #fcateg h4 a{ text-decoration:none;} #fcateg span.image{ display:block; width:120px; margin:0px 15px 0px 10px; float:left; } #fcateg span.texte{ display:block; width:145px; float:left; margin:5px 0px 0px 0px; height:55px; overflow:hidden; text-align:left;} #fcateg .first_anne{ display:block; float:left; width:290px; height:130px; clear:both; padding:8px; overflow:hidden; text-align:center; margin-right:15px;} #fcateg .first_anne img{ max-height:120px; max-width:120px; float:left; border:1px solid #FFFFFF;} #fcateg .first_anne img:hover{border:1px solid #FF0000;} #fcateg .anne ul{ margin:0; padding:0; border:0;} #fcateg .anne ul li{ width:360px; background:#f5f5f5; border:0; font-weight:bold; color:#666666;} #fcateg .anne ul li a{ font-weight:normal; border:0; background:#f5f5f5 url(http://img3.free.fr/2008/portail/im/fl_total.gif) no-repeat scroll 0px -137px!important; padding-left:6px;} #fcateg .anne ul li a.next{ font-weight:bold; color:#CC0000; border:0; background:none!important; padding-left:6px; float:right; margin-top:5px;} #fcateg .anne ul li a.next:hover{ color:#FF0000;} #fcateg .anne .bas{display:block; background-image:url(http://imgs.aliceadsl.fr/portail/im/new/bg_nav_col1_articles_fcat_bottom.png); background-position:left top; background-repeat:no-repeat; width:314px; height:8px; clear:both; margin: 0px; background-color:#dbdbdb; padding-bottom:15px;} .bloc300 {text-align:left;background:url(http://imgs.aliceadsl.fr/portail/im/new/bg_bloc_306.jpg) no-repeat left bottom;width:306px; padding:0px 3px 0px 3px; margin-bottom:17px;overflow:hidden;} .bloc300 h3{background:url(http://imgs.aliceadsl.fr/portail/im/new/bg_bloc_306.jpg) no-repeat left top;height:41px;line-height:41px;padding:0 12px;font-size:18px;color: #eb0000;letter-spacing:-1px; margin:0px 0px 0px -3px;} .bloc300 h3 a{font-size:18px; color:#FF0000!important; letter-spacing:-1px; text-decoration:none;} .bloc300 img{ margin-left:1px;} .bloc300 div{ padding:5px;} .bloc300 .next{ display:block; float:right; color:#eb0000; font-weight:bold; margin:10px 5px 10px 0px;} .bloc300 .next a{color: #eb0000;}