/* ------------------------------------------ /* Specifique freenews /* ------------------------------------------ */ /* CSS du l'entete du site */ /*#entete1 { width:956px; height:121px; margin: 0; background-image:url(images/header_n.png); background-repeat:no-repeat;} */ #entete1 { width:956px; height:121px; margin: 0; background-image:url(images/header_01_xj.png); background-repeat:no-repeat;} #entete2 { width:956px; height:48px; margin: 0; background-image:url(images/header_02.png); background-repeat:no-repeat; padding-left:20px;} #entete3 { width:956px; height:94px; margin: 0 0 10px 0; background-image:url(images/header_03.png); background-repeat:no-repeat;} /* Bandeau liste CSS */ .entete_liste{font-size:14px; font-weight:bold; width:956px; height:48px;} .text_menu{margin-top:15px;} .entete_liste a{color:#666666;text-decoration:none;} #l1{width:80px; height:48px; background-repeat:no-repeat; float:left; margin-right:45px; text-align:center;} #l2{width:80px; height:48px; background-repeat:no-repeat; float:left; margin-right:45px; text-align:center;} #l3{width:80px; height:48px; background-repeat:no-repeat; float:left; margin-right:45px; text-align:center;} #l4{width:86px; height:48px; background-repeat:no-repeat; float:left; margin-right:45px; text-align:center;} #l5{width:80px; height:48px; background-repeat:no-repeat; float:left; margin-right:45px; text-align:center;} #l6{width:115px; height:48px; background-repeat:no-repeat; float:left; margin-right:45px; text-align:center;} #l7{width:115px; height:48px; background-repeat:no-repeat; float:left; margin-right:45px; text-align:center;} /* CSS du bloc de recherche + PUB */ .pub_recherche{width:956px; height:94px;} .pub_recherche .recherche {width:214px; height:94px; background-image:url(images/recherche.png); background-repeat:no-repeat; float:left; } .pub_recherche .pub{float:right; overflow:hidden; width:730px; height:94px; margin-right:3px;} .bloc_select_recherche {margin-top:15px;} .bloc_select_recherche select {width:150px; float:left;} .bloc_select_recherche input { float:left; margin-left:5px;} /* CSS du bloc de la une et de la Télé */ #slider { background: url(images/a_la_une.png); height: 172px; width:709px; overflow: hidden; float:left; } #red_une{ background: url(images/a_la_une.png); height: 64px; width:66px; position:relative; float:right; z-index:100;} #mover { width: 709px; position: relative; } .slide { padding: 15px 15px 5px 15px; width: 900px; float: left; position: relative; } .slide p { color: #FFF; font-size: 12px; width: 465px; text-align: justify;} .slide img { position: absolute; top:10px; left: 483px;} #slider-stopper { position: absolute; left: 670px; z-index: 100; bottom: 10px;} .une_tele {width: 956px; clear: both;} .actu_min{width: 86px; height: 51px; background-image:url(images/actu_b.png); background-repeat: no-repeat; margin:4px 10px 0 10px; float: left; clear: left;} .actu_min_r{width: 86px; height: 51px; background-image:url(images/actu_b.png); background-repeat: no-repeat; margin:0 12px 5px 3px; float: left;} .a_la_une .spip_logos {margin:3px} .a_la_une .actu { float: left; margin:15px 10px 5px 0; width: 570px; height: 140px;} .a_la_une {background: url(images/a_la_une.png); height: 172px; width:709px; overflow: hidden; float:left;} /* CSS qui englobe le corp de la home*/ .corp_home{width:956px; padding-left:1px; padding-right:1px;} /* CSS des vignettes */ .vignettes{height:72px; overflow: hidden;} .vignettes_rub{min-height:180px; overflow:hidden; text-align:justify;} .vig_son{min-height:180px; overflow:hidden;} .vignettes_mod1 {width:224px; height:180px; float:left; margin-top:12px; overflow:hidden;} .vignettes_mod1 p{margin:5px 0 5px 0} .vignettes_mod3 {width:301px; height:200px; float:left; margin-right:12px; margin-bottom:15px; overflow:hidden;} .vignettes_mod3 p{ margin:5px 0 5px 0} .vignettes_mod4 {width:309px; height: 310px;float:left; margin-bottom:15px; overflow:hidden; background-color: #f1f1f1; } .corp_vignette{ clear:left; height:88px; overflow:hidden; text-align:justify;} .corp_vignette_une{ clear:left; overflow:hidden; text-align:justify;} .titre_vignette h1 {font-size:14px; margin:2px 0 0 0;} .titre_vignette h1 a {color:#FF9900; text-decoration:none; } .titre_vignette {font-size:14px; color:#00A6EB; font-weight:bold;} .titre_vignette a {text-decoration:none; color:#00A6EB; font-weight:bold;} .titre_vignette .spip_logos {float: right; clear: right; margin: 0 0 4px 4px; } .date_vignette_reg {color:#FFF; font-size:12px; clear:both; margin:5px; width: 300px;} .date_vignette_reg a{ color:#ff9900; text-decoration:none;} /* CSS de la region et pub */ .pub_region{width:956px; height:176px; } .region{width:392px; height:176px; float:left; background-image:url(images/region.png); margin: 12px 0 0 2px} .france{float:right; margin-right:15px;} .reg{float:left; width:200px; padding:5px 0 5px 5px;} .reg .text{position:absolute;top: 15px;left: 10px;} .reg span{color:#FFF; font-size:13px;} .reg h1{width:190px; margin:5px 0 0 0;} .reg h1 a{font-size:14px; font-weight:bold; color:#FF9900;text-decoration:none;} .reg p{color:#FFF; font-style:12px; width:220px; margin:5px 0 5px 0;} .reg p a {text-decoration:none; font-weight:bold; color:#FF9900;} .reg .date{color:#FFF; font-size:12px;} /* Lien pour lire suite article */ #lire_suite a{font-size:12px; color:#FF9900; font-weight:bold; text-decoration:none;} /* CSS de la barre bleu présente un peut partout */ .barre_bleu {background-image:url(images/blue_bar.png); width:638px; height:20px; background-repeat:no-repeat; margin-bottom:10px; padding:1px 0 0 5px; clear:both;} .barre_rouge {background-image:url(images/reagir.png); width:342px; height:20px; background-repeat:no-repeat; margin-bottom:10px; padding:1px; clear:both;} .barre_rouge span{color:#FFF; font-weight:bold; font-size:16px;} .barre_bleu span{color:#FFF; font-weight:bold; font-size:16px;} .barre_bleu span a{color:#FFF; text-decoration:none;} .barre_bleu span a:active{color:#ff9900; text-decoration:none;} .barre_rouge span a{color:#FFF; text-decoration:none;} .barre_bleu .pdn{float:right; font-size:12px; margin:2px 15px; background: url(images/fleche_bla.png) no-repeat right; width: 90px} .barre_bleu .alt{float:right; font-size:12px; margin:2px 15px; background: url(images/mail.png) no-repeat right; width: 58px} /* CSS du texte de la condition générale */ .condition_legal{width:638px; font-size:9px; color:#666666; text-align:justify; float:left; margin:0;} /* CSS pour la zone de contenu repartie en 2 */ .zone_gauche {width: 638px; height:auto; float:left; overflow: hidden;} .zone_droite {width: 304px; height:auto; float:right; overflow: hidden;} .article_rubrique {font-size:14px;} .article_rubrique a { color:#00a6eb; text-decoration:none;} .article_titre{ font-size:16px; font-weight:bold;color:#ff9900; text-decoration:none;} /* CSS plus de news */ .plus_news {background-image:url(images/plus_presse.png); width:304px; height:171px; background-repeat:no-repeat; margin-bottom:17px; overflow:hidden;} .plus_news div {padding:13px 2px 10px 13px; font-size:12px; } .plus_news div span {font-weight:bold; color:#FF9900;} .plus_news div a {color:#FFF; text-decoration:none;} /* CSS plus de rubrique */ .plus_rubrique {background-image:url(images/rubrique.png); width:304px; height:171px; background-repeat:no-repeat; margin-bottom:17px; overflow:hidden;} .plus_rubrique div {padding:13px 2px 10px 13px; font-size:12px; } .plus_rubrique div span {font-weight:bold; color:#FF9900;} .plus_rubrique div a {color:#FFF; text-decoration:none;} /* CSS plus de rubrique */ /* CSS plus d'article */ .plus_articles a { text-decoration:none; color:#FFF;} #pag_art{color: black; margin:0 0 5px 0; font-size: 12px;} #pag_art a{color: black;} .poster {width:118px; margin-bottom:17px; float:left; clear:both;} .poster .p_head_1{background-image:url(images/user_head.png); width:118px; height:5px; background-repeat:no-repeat;} .poster .p_head_2{background-image:url(images/user_corp.png); width:118px; background-repeat:repeat-y; text-align:center; } .poster .p_head_2 h1{font-size:14px; font-weight:bold; color:#000;} .poster .p_head_2 div{ margin:10px 0 0 0;} .poster .p_head_3{background-image:url(images/user_foot.png); width:118px; height:5px; background-repeat:no-repeat;} .comment {width:510px; margin-bottom:17px; float:right; } .comment .c_head_1{background-image:url(images/comment_head.png); width:510px; height:5px; background-repeat:no-repeat;} .comment .c_head_2{background-image:url(images/comment_corp.png); width:510px; background-repeat:repeat-y; text-align:left; min-height:118px; margin:0;} .comment .c_head_2 blockquote{ padding:0 10px 0 15px; border: white dashed 2px; width: 92%; margin: 0 0 10px 0;} .comment .c_head_2 h4{ font-weight: bold; text-decoration: underline;} .comment .c_head_2 p{margin:0; padding:0 10px 0 15px; } .comment .c_head_3 {background-image:url(images/comment_foot.png); width:510px; height:5px; background-repeat:no-repeat;} .repondre { background-image:url(images/repondre.png); width:71px; height:25px; background-repeat:no-repeat; margin:5px 0 0 400px; text-align:left; padding:5px 0 0 8px;} .repondre a { font-size:12px; font-weight:bold; color:#FFF; text-decoration:none;} .redac { text-align:right; font-size:12px; color:#ff9900; margin-bottom:10px; clear:right;} .redac a{ text-decoration:none; color:#ff9900;} .pied_article { padding:0 0 0 0; color:#FFF; font-size:12px; } .pied_article a img{ border:0; text-decoration:none; vertical-align:middle;} .pied_article a{ text-decoration:none; color:#FFF; margin-right:20px; font-weight:bold;} h4.blocs_titre, h4.blocs_replie {background-image:url(images/blue_bar_2.png); height:20px; color:#FFF; text-decoration:none; } h4.blocs_titre a {color:#FFF; text-decoration:none; } h4.blocs_titre, h4.blocs_replie on{color:#FFF; text-decoration:none; padding-top:5px;} .blocs_invisible .blocs_destination a{ color:#FFF;} .page_auteur .spip_logos { float:right; clear: right; margin: 0 0 4px 2px; } .articles_auteur { margin:20px 0 20px 0;} .contenu_auteur{ margin-bottom:12px;} .contenu_auteur a{color:#33333;} .contenu_auteur a:hover{ color:#FF9900;} .auteur_back {background-image:url(images/carte.png); width:425px; height:200px; margin:25px 0 25px 0;} .auteur_image {float:left; margin:20px 0 0 12px; width:120px; height:160px; overflow:hidden; clear:left;} .auteur_contenu {float:right; margin:20px 12px 0 0; width:275px; height:160px; overflow:hidden;} .auteur_ligne {width:100%; clear:both; margin-bottom:10px;} .auteur_libel {float:left; width:80px; text-align:left;} .auteur_val {float:left; width:180px; text-align:left;} .date {background-image:url(images/date.png); padding-left:20px; background-repeat:no-repeat;} .commentaire {background-image:url(images/commentaire.png); padding-left:20px; background-repeat:no-repeat;} #info_vignette{} #info_vignette #comment{background: url(images/comment.png); background-repeat: no-repeat; padding-left: 18px; font-weight: bold;} #info_vignette #clock{background: url(images/clock); background-repeat: no-repeat;padding-left: 18px; font-weight: bold;} #info_vignette #clock_u{background: url(images/clock); background-repeat: no-repeat;padding-left: 18px; font-weight: bold; color: white;} #info_vignette #previsu{margin: 0; padding: 0;} .marge_home{float: left; width: 17px;} .pub_home{position: absolute; top:649px; left:650px;} .forum {background-image:url(images/forum.png); width:304px; height:171px; background-repeat:no-repeat; margin-bottom:17px; overflow:hidden; color:#FFF; } .forum div {padding:13px 2px 10px 13px; font-size:12px; } .forum div span {font-weight:bold; color:#FF9900;} .forum div a {color:#FFF; text-decoration:none;} /* CSS page news */ .news_line{width: 630px; font-size: 13px; margin-top: 2px;} .news_border{border :0; border-bottom: 1px dotted rgb(177, 190, 202); width: 630px; clear: both;} #blc .spip_logos{float: left; margin:2px 5px 5px 2px;} .news_line span a{text-decoration: none; color: black;} .news_line span a:hover{text-decoration: none; color: #FF9900;} .news_back{width: 638px; height: 130px; background-image: url(images/news.png); background-repeat: no-repeat; overflow: hidden;} .news_back .spip_logos{float: left; margin:2px 5px 5px 2px;} .news_back h1{color: #FF9900; font-weight: bold; font-size: 14px;} .news_back .chapo{text-align: justify; margin:5px 55px 10px 4px;} #comment_news{background: url(images/comment.png); background-repeat: no-repeat; margin-left: 15px; padding-left: 18px; font-size: 11px; color:#EEE} /* CSS page DOSSIER et TUTO */ .box_dt {background: url(images/bloc.png); height: 172px; width:634px; overflow: hidden; margin-bottom: 10px;} .box_dt .spip_logos {margin:3px} .box_dt .actu { float: left; margin:0 10px 5px 0; width: 510px; height: 165px;} /* CSS bloc popularité */ .populaire{height:125px; width: 633px; overflow: hidden; margin-bottom: 10px; background: url(images/populaire.png) no-repeat;} .populaire .spip_logos {margin:3px; float: left; height: 100px; width: 100px;} .populaire h1{font-size: 14px; font-weight: bold; margin-bottom: 5px;} .populaire #texte{float: left; width: 490px; margin-bottom: 5px; text-align: justify;} .populaire #pag_pop{clear: both; color: black; margin-left: 3px; font-size: 12px} .populaire #pag_pop a{color: black;} .populaire #info_vignette{clear: left; float: right; margin-right: 35px;} /* CSS bloc menu droit */ .rubrique {width:304px; margin-bottom: 17px;} .menu_head{height: 25px; width: 304px; overflow: hidden; background: url(images/menu_1.png) no-repeat;} .menu_head a{color: white;} .menu_head a:hover{color: #FF9900;} .menu_head .img{margin:4px 3px 0 10px; width: 16px; float: left;} .menu_head .titre{margin:4px 0 0 5px; font-weight: bold; overflow:hidden; width: 230px; } .menu_head .poussoir{position: relative; width: 16px; height: 16px; left: 280px; bottom: 15px;} .menu_middle{display:none; clear:both; width: 304px; background: url(images/menu_3.png) repeat-y;} .menu_inf{height: 4px; width: 304px; overflow: hidden; background: url(images/menu_2.png) no-repeat;} .menu_middle a{margin:2px 0 0 10px; color: black; text-decoration: none;} .menu_bot{height: 20px; width: 304px; overflow: hidden; background: url(images/menu_4.png) no-repeat; margin-bottom: 8px;} /* CSS page asso */ .asso {margin-left: 5px; text-align: justify; font-size: 14px} .asso h1{font-size: 24px; font-weight: bold;} .asso_g {margin-left: 5px; text-align: justify; font-size: 14px; color: gray;} .asso_g h1{font-size: 24px; font-weight: bold; color: gray;} .asso_g h2{font-size: 16px; font-weight: bold; color: gray;} .asso_g div{margin: 5px 0 0 20px;} /* Bloc TV */ #pag_tv{width:120px; float:left; color:black; margin:10px 0 0 12px; width: 150px; clear: left;} #pag_tv a{color: black;} #pag_tv .on{color:gray; font-size: 13px;} .tv {background-image:url(images/television.png); background-repeat:no-repeat; float:right; height:172px; width:236px; margin-right: 3px; } .tv .bloc{width: 100%; height: 135px; overflow: hidden; clear: both;} .tv .tv_titre {font-size:14px; font-weight:bold; color:#FF9900; margin:15px 0 8px 12px; width:150px;} .tv .tv_chapo { font-size:12px; color:#000000; margin:0 0 0 12px; width:200px; text-align: justify;} .tv .tv_date { font-size:12px; color:#666666;margin:0 0 0 12px; width:150px; text-align:justify;} .view_tv {float: right; margin:0 5px 5px 0;} /* Publicité background */ /*body{background-image:url(images/pub/coffre_jouets_freenews_bg.jpg); margin-top:135px; background-repeat:no-repeat; background-position:-59px 0;}*/ /*#page_h{margin:0 auto; position:absolute; text-align:left; width:956px; top:137px; left:139px;} #pub_top{position: absolute; left:-20px;} #pub_left{position: absolute; top:137px; left:-20px} #pub_right{position: absolute; top:137px; left:1097px;}*/