/* Template */ body#commu {background:#DDD url(../img/Communautaire/body_background_community.png) repeat-x} body#preview, body#print {background:none} /* ----------------------- */ /* BLOCKS ARRONDIS */ /*div.header {width:100%;height:169px;text-align:center;}*/ .block {overflow:hidden;} .block .blk_inside {position:relative;} .block_gris .tl, .block_gris .tr, .block_gris .bl, .block_gris .br {background-image:url(../img/decos/blocks/block_gris_corners.png);} .paginationreaction .tl, .paginationreaction .tr, .paginationreaction .bl, .paginationreaction .br {background-image:url(../img/communautaire/decos/bullet-gris.png);} .block .tl, .block .tr, .block .bl, .block .br, .inside_block .tl, .inside_block .tr, .inside_block .bl, .inside_block .br {display:none;} .paginationreaction .tl, .paginationreaction .tr, .paginationreaction .bl, .paginationreaction .br {display:none;} .paginationreaction .blk_inside {border:1px solid #EEE;float:right;} /* ----------------------- */ /* STYLES COMMUNAUTAIRE */ #communautaire h1{font-size:2.5em;color:#000;margin:0 0 10px 0} /* STRUCTURE COLONNES */ #communautaire {width:100%;color:#777;} #communautaire .content {margin:0 auto;width:968px;} .IS_IE #communautaire .content {width:970px;} #communautaire .content .col_gauche {float:left;width:668px;min-height:300px;border:0} #communautaire .content .col_droite{float:left; width:300px;} #communautaire .content .col_droite #maps {width:298px} #communautaire .preview {background:#DDDDDD;width:700px;} #communautaire #print .print {background:#FFF;width:100%;} #communautaire #footer {background:#F0F0F0 url(../img/v2/skin/footer/bg_footer_communautaire.png) no-repeat scroll left top;} #communautaire #footer .inside {background:#F0F0F0 url(../img/v2/skin/footer/bg_footer_communautaire.png) no-repeat scroll left bottom;} #home #communautaire ul li a {text-decoration:none;} #home #communautaire ul li a:hover{text-decoration:underline;} #home #communautaire ul li a.moutarde {text-decoration:underline;} #home #communautaire ul li a.moutarde:hover {text-decoration:none;} #communautaire div.notation .gplus {width:62px;float:right;} /* positionnement bouton +1 */ /* ----------------------- */ /* BLOCKS colonne de gauche */ .printButton{text-align:right;padding-right:20px} /* BLOC 100% */ #communautaire .blockmaincategorie {background:#FFF;width:644px;margin:10px 0px 0px 5px;float:left;border:1px solid #C8C8C8;} #communautaire .blockmaincategorie .date{height:34px;overflow:hidden;position:relative;z-index:10;} #communautaire .blockmaincategorie.deuxtiers .date {height:auto ;width:56px;} #communautaire .deuxtiers .date .infos {text-align:center;color:#000;padding:10px 3px 0 0; margin:0} #communautaire .blockmaincategorie .date .separate {background:transparent url(../img/communautaire/decos/separate.png) no-repeat right;width:57px; height:15px;display:block} #communautaire .blockmaincategorie .date .mois, #communautaire .blockmaincategorie .date .jour{display:block;margin:0 auto;font-size:16px;font-weight:bold;} #communautaire .deuxtiers .date .prenom{font-size:10px;} #communautaire .deuxtiers .date .prenom img{display:block;margin:0 auto;} #communautaire .deuxtiers .article {width:554px!important;margin:5px 5px 0 0!important;_margin:5px 3px 0 0!important} #communautaire .deuxtiers .article h4 { color:#000} #communautaire .blockmaincategorie .article {_margin:0 ;margin:5px 5px 0 0 ;width:554px;padding:14px;float:left;/*background:#FFF url(../img/communautaire/decos/gradiant-fond-article.png) repeat-x;*/} #communautaire .blockmaincategorie div.motscles {clear:both;padding:5px 10px;border-top:1px solid #C8C8C8;font-size:12px} #communautaire .blockmaincategorie .article img.pict {margin-right:11px; border:1px solid #FFF} #communautaire .deuxtiers .article .contenu {width:auto!important;} #communautaire .blockmaincategorie .article .contenu p {margin:0 0 5px;color:#000; font-weight:normal;line-height:1.5em;} #communautaire .blockmaincategorie .article .contenu p a, #communautaire .blockmaincategorie .article .contenu p a:hover {color:#777; text-decoration:none} #communautaire .blockmaincategorie .article .listmaniacontent p {color:#777;line-height:17px;margin:0} #communautaire .blockmaincategorie .article .listmaniacontent p a, #communautaire .blockmaincategorie .article .listmaniacontent p a:hover {color:#777;text-decoration:none} /*#communautaire .blockmaincategorie .article .contenu h3, #communautaire .blockmaincategorie .article h3{color:#ff7400;font-weight:normal; font-size:14px;padding-top:4px;height:23px;} #communautaire .blockmaincategorie .article h4 {color:#000} #communautaire .blockmaincategorie .article .contenu h4, #communautaire .content .col_gauche .blockmaincategorie .article h4{ color:#000; font-size:18px;font-weight:normal;margin-bottom:10px} */ #communautaire .blockmaincategorie .article .blocTitle{} #communautaire .moitie .article .blocTitle{width:185px} #communautaire .blockmaincategorie .article h3, #communautaire .blockmaincategorie .article .subCat{display:block;color:#9F3982;font-weight:normal; font-size:14px;margin-bottom:3px} #communautaire .blockmaincategorie .article .subCat img {vertical-align:-30%} #communautaire .blockmaincategorie .article .subTitle {display:block;color:#000;font-weight:normal; font-size:18px;margin-bottom:10px;text-decoration:none;} #communautaire .blockmaincategorie .article a.subTitle:hover {text-decoration:underline} #communautaire .blockmaincategorie .article .contenu h4, #communautaire .content .col_gauche .blockmaincategorie .article h4{ color:#000; font-size:18px;font-weight:normal;margin-bottom:10px} #communautaire .blockmaincategorie .article .contenu h4 a {text-decoration:none} #communautaire .blockmaincategorie .article .contenu h4 a:hover {text-decoration:underline} #communautaire .blockmaincategorie .article div.notation {margin-bottom:0;margin-top:10px;} #communautaire .blockmaincategorie .article div.notation span{margin:0; font-size:11px;color:#de9c00;font-weight:normal;} #communautaire .blockmaincategorie .article div.notation span.vues, #communautaire .blockmaincategorie .article div.notation span.vert {display:inline} #communautaire .blockmaincategorie .article div.notation span.comment{width:27px; height:24px; background:transparent url(../img/communautaire/decos/bullet-comment.png) no-repeat; display:block; float:left;margin:2px 5px 0 0;padding:4px 0 0 8px;color:#000; font-weight:bold; text-align:center; } #communautaire .blockmaincategorie .article div.video div.notation span.comment {width:95px;} #communautaire .blockmaincategorie .article div.notation span.untier {background:transparent url(../img/communautaire/decos/bullet-comment-pt.png) no-repeat!important} #communautaire .abusecommentcommunity span.reaction, #communautaire .blockmaincategorie .article div.notation span.reaction{width:87px; height:24px; background:transparent url(../img/communautaire/decos/bullet-comment.png) no-repeat; display:block; float:left;margin:2px 5px 0 0;padding:4px 0 0 8px;color:#000; font-weight:bold; text-align:center; } #communautaire .block6tiers .contenant .unsursix .titleprod {margin:0 10px;color:#000;font-size:12px;font-weight:bold; margin-bottom:5px;} #communautaire .block6tiers .contenant .unsursix .descriptprod {margin:0 10px;font-size:12px;} #communautaire .blockmaincategorie .article div.notation span.orange {color:#de9c00} #communautaire .listeuntier .contenant div.notation span.vert, #communautaire .block6tiers .contenant .unsursix div.notation span.vert, #communautaire .blockmaincategorie .article div.notation span.vert {color:#2c7b17!important;font-size:11px} #communautaire .blockmaincategorie .article div.notation span.bleu {color:#00b3ee} #communautaire .blockmaincategorie .article div.notation span.turquoise {color:#00aca9;font-weight:normal;} /*spaceContributor*/ #spaceContributor .subtitle{color:#000;font-size:1.4em;font-weight:bold} #communautaire #spaceContributor .blockmaincategorie .photo {float:left;width:80px; background: transparent url(../img/communautaire/decos/flech-gauche.gif) no-repeat right 20px } #communautaire #spaceContributor .blockmaincategorie .article {float:left;background:#F0F0F0 url(../img/communautaire/decos/gradiant-horiz.gif) repeat-y 0 0;width:536px !important;border:1px solid #ddd;border-width: 1px 1px 1px 0;padding:10px} #spaceContributor h2{color:#000;font-size:1.8em;font-weight:normal;margin:0 0 5px 0} #spaceContributor .stats{color:#DE9C00;margin:0 10px 0 0} #spaceContributor .stats img.dispeblock{display:inline !important} #spaceContributor .pLink{text-align:right;margin:6px 5px 6px 0;} #spaceContributor .pLink a {color:#DE9C00;text-decoration:underline} #spaceContributor .pLink a:hover {text-decoration:none} /* BLOC 50% */ #FA #communautaire .blk_content {background:#FFF url(../img/communautaire/decos/gradiant-dissemination.png) bottom repeat-x;overflow: visible;} #falistemania ol {float:none!important;margin:0 0 0 80px;padding:0;} #FA #falistemania .blk_content .pict {margin-right:10px;} #FA #falistemania .blk_content ol li {list-style:none} #FA #falistemania .blk_content ol li a {text-decoration:none;color:#979797} #FA .listspace .contenu {padding-left:300px;} #FA .listspace .post {background:transparent url(../img/communautaire/decos/gradiant-listspace.png) top repeat-x;padding:10px;} #FA .listspace .post h3{font-weight:normal;font-size:11px} #FA .listspace .post h4 {color:#626262; font-size:12px;margin-bottom:10px;} #ficheintervenant .listspace .contenu {padding-left:300px;} #ficheintervenant .listspace .post {background:transparent url(../img/communautaire/decos/gradiant-listspace.png) top repeat-x;padding:10px;} #ficheintervenant .listspace .post h3{font-weight:normal;font-size:11px} #ficheintervenant .listspace .post h4 {color:#626262; font-size:12px} #communautaire .moitie {width:311px; border:0; background:none; float:left;_margin-bottom:0px;margin-right:0px;_margin-right:0px;border:1px solid #C8C8C8} *+html #communautaire .moitie {margin-bottom:0px;} #communautaire .moitie.last {margin-right:0px;} #communautaire .moitie .border{border:0; border-top:0; background:#FFF; width:309px;_width:259px;_position:relative;_top:-4px;} #communautaire .moitie .article {_margin:0;margin:0 5px 5px 5px; width:270px;/*background:#FFF url(../img/communautaire/decos/gradiant-fond-article-50.png) repeat-x;*/} #communautaire .moitie .article .contenu {width:280px} #communautaire .moitie .article .title {width:185px;_width:175px;} #communautaire .moitie .border .article .context p{font-size:12px;text-decoration:none; color:#000;line-height:1.5em;} #communautaire .moitie .border .article .context p a {text-decoration:none;color:#777} #communautaire .moitie .date{background:none;width:311px;} #communautaire .moitie .date img {float:left} #communautaire .moitie .date span {float:left; color:#000;background:#FFF;_height:13px;} #communautaire .moitie .date span.jourmois {font-size:14px; padding-top:5px;padding-left:5px;height:28px!important;_height:28px!important} #communautaire .moitie .date span.prenom {margin-bottom:5px;padding:2px 5px 0 0;font-size:11px;} #communautaire .moitie .date span.prenom span{margin:5px 0 0 4px; border-top:0} #communautaire .moitie .date span.prenom span.prenom {border-right:0} #communautaire .moitie .date span.separate {background:#FFF url(../img/communautaire/decos/separate-50.png) no-repeat right; width:15px; height:33px; display:block} /*#communautaire #container_1, #communautaire #container_2 {float:left;width:50%}*/ /* BLOC 2*33% */ #communautaire .block6tiers {width:646px;margin-bottom:20px;} #communautaire .block6tiers h3 {margin-bottom:5px;line-height:25px;} #communautaire .block6tiers h3 span { font-size:17px;color:#000;/*float:left*/} #communautaire .block6tiers h3 img{ margin-left:10px; vertical-align:-25% /*float:left*/} #communautaire .block6tiers .contenant {border:1px solid #C8C8C8;background:#FFF; padding:10px 0 0 0; border-bottom:0px;} #communautaire .block6tiers .contenant .last {margin-right:0!important} #communautaire .block6tiers .contenant .unsursix {width:208px;background:#FFFFFF url(../img/communautaire/decos/gradiant-fond-article-33.png) repeat-x 0 50px; height:200px; float:left;margin-right:10px} #communautaire .block6tiers .contenant .unsursixmea {width:208px;background:#FFFFFF url(../img/communautaire/decos/gradiant-fond-article-33.png) repeat-x 0 70px; height:200px; float:left;margin-right:10px;min-height:180px!important;} #communautaire .block6tiers .contenant .unsursix div.separate {} #communautaire .block6tiers .contenant .unsursix .date {width:28px;margin:0 8px 0 15px; background:transparent url(../img/communautaire/decos/fleche2.png) no-repeat bottom;padding-bottom:11px;position:relative;top:1px;} .IS_IE #communautaire .block6tiers .contenant .unsursix .date {display:inline}/*fix bug double marge */ #communautaire .block6tiers .contenant .unsursix .date p {text-align:center; color:#000;font-size:14px;margin:0;padding-top:3px;} #communautaire .block6tiers .contenant .unsursix .date p.jour{border-bottom:1px solid #C8C8C8;padding-bottom:3px;padding-top:0px;} #communautaire .block6tiers .contenant .unsursix img.pict{border:1px solid #FFF;margin-bottom:10px;} #communautaire .block6tiers .contenant .unsursix img.pictgris{border:1px solid #c0c0c0;} #communautaire .block6tiers .contenant .unsursix h4 {margin-bottom:3px;margin-left:11px;} #communautaire .block6tiers .contenant .unsursix div.notation {margin:5px 0 5px 11px;} #communautaire .block6tiers .contenant .unsursix div.notation .stats {margin:0; font-size:11px;color:#de9c00;font-weight:normal!important;} #communautaire .block6tiers .contenant .unsursix div.notation .stats em{font-style:normal} #communautaire .block6tiers .contenant .unsursix div.notation span.comment{width:27px; height:24px; background:transparent url(../img/communautaire/decos/bullet-comment-pt.png) no-repeat; display:block; float:left;margin:2px 5px 0 0;padding:4px 0 0 8px;color:#000; font-weight:bold; text-align:center; } #communautaire .block6tiers .liretous {text-align:right; padding:0; margin:0!important;background:transparent url(../img/communautaire/decos/gradiant-block6tiers-bas.png) repeat-x} #communautaire .block6tiers .liretous a{border:1px solid #C8C8C8; border-top:0px; padding:5px 10px; background:#FFF;display:block; float:right} /* ----------------------- */ /* BLOC ARTICLE COMPLET */ #communautaire .articlecomplet {width:646px; } #communautaire .articlecomplet .evenement {border-top:1px solid #C8C8C8!important; margin-top:55px;} #communautaire .articlecomplet #PreviewPostHeader {margin-bottom:20px;} #communautaire .articlecomplet .date{border-bottom:1px solid #C8C8C8;height:55px;} #communautaire .articlecomplet .date p {float:left;margin:0; color:#000; text-align:center} #communautaire .articlecomplet .date .jour, #communautaire .articlecomplet .date .mois {display:block;font-size:18px;} #communautaire .articlecomplet .date .prenom {display:block;font-size:11px;} #communautaire .articlecomplet .date .separate{float:left;background:transparent url(../img/communautaire/decos/separate3.png) no-repeat;display:block;height:56px;width:16px;} /* STYLE GENERAUX POUR BLOCKS */ #communautaire .articlecomplet .articletitle { border:1px solid #C8C8C8; border-bottom:0; border-top:0; width:616px; padding:14px; background:#FFFFFF;position:relative;} * + html #communautaire .articlecomplet .articletitle {padding-bottom:0px!important} #communautaire .articlecomplet .articletitle .contenu {width:400px;} #communautaire .articlecomplet .articletitle img.pict { margin-right:11px} #communautaire .articlecomplet .articletitle .contenu img.picto {margin-right:5px} #communautaire .articlecomplet .articletitle .contenu h3 {height:22px;line-height:22px;font-weight:normal;color:#ff7400} #communautaire .articlecomplet .articletitle .contenu h4 {color:#000000;font-size:26px;font-weight:normal;clear:both} #communautaire .articlecomplet .articletitle .contenu div.notation span.comment{width:75px; height:24px; background:transparent url(../img/communautaire/decos/bullet-comment.png) no-repeat; display:block; float:left;margin:3px 5px 0 0;padding:4px 12px 0 15px;color:#000; font-weight:bold;font-size:11px;text-align:right;} #communautaire .articlecomplet .articletitle .contenu div.notation {border:0} #communautaire .articlecomplet .articletitle .contenu div.notation p {color:#DE9C00;font-size:11px;margin:0;} #communautaire .articlecomplet .articletitle .contenu div.notation p.vues {margin-left:5px;} #communautaire .articlecomplet .articletitle .contenu div.notation p.vues span.vert {color:#2C7B17!important; padding:0} #communautaire .articlecomplet .articletitle .contenu div.notation p.vues span.bleu {padding:0} #communautaire .articlecomplet .articlesubtitle { border:1px solid #C8C8C8; border-top:0px; background:#FFF; padding:0 15px 10px 15px} #communautaire .articlecomplet .articlesubtitle h5 span{color:#de9c00;font-size:18px;font-weight:normal;padding:0px;height:50px; } #communautaire .articlecomplet .articlesubtitle h5 {height:25px;border-bottom:1px solid #C8C8C8;} #communautaire .articlecomplet .articlesubtitle h5.blue span{color:#0093c6} #communautaire .articlecomplet .articlesubtitle div {margin:0; color:#000;zoom:1} #communautaire .articlecomplet .articlesubtitle div p {margin:0} /* FIN STYLE GENERAUX POUR BLOCKS */ /* EVENEMENT */ #communautaire .articlecomplet .articlesubtitle div.blk-event {background:transparent url(../img/communautaire/decos/bg-tableau-event-ext.png) no-repeat;padding:11px 7px 0 7px;} #communautaire .articlecomplet .articlesubtitle table.datelieu {border:1px solid #CECECE;border-spacing:0px; margin-bottom:20px} #communautaire .articlecomplet .articlesubtitle table.datelieu thead td{background:white; border:0; font-size:18px; color:#a43a83;background:transparent url(../img/communautaire/decos/bg-tableau-event.png) no-repeat left bottom;padding:5px 10px 10px 10px} #communautaire .articlecomplet .articlesubtitle table.datelieu td {background:#f7f7f7; border-top:1px solid #cecece; padding:10px 10px;} #communautaire .articlecomplet .articlesubtitle table.datelieu td.first {border-top:0} #communautaire .articlecomplet .articlesubtitle table.datelieu td.gauche {width:380px;border-right:1px solid #cecece} #communautaire .articlecomplet .articlesubtitle table.datelieu td.droite {width:225px; font-weight:bold;text-align:left;} /* FIN EVENEMENT */ #communautaire .articlecomplet .articlesubtitle div.galeriephoto {width:284px; float:left;background:#f7f7f7; margin:10px 11px 20px 11px} #communautaire .articlecomplet .articlesubtitle div.galeriephoto .blk_inside div.photo{} #communautaire .articlecomplet .articlesubtitle div.last {margin-bottom:20px} #communautaire .articlecomplet .articlesubtitle div.galeriephoto a {display:block;text-align:center;border-bottom:1px solid #CCC;} #communautaire .articlecomplet .articlesubtitle div.galeriephoto p, #communautaire .articlecomplet .articlesubtitle div.galeriephoto b.titre{margin:5px 10px;} #communautaire .articlecomplet .articlesubtitle div.galeriephoto p.titre {font-weight:bold} #communautaire .articlecomplet .articlesubtitle div.flash {width:600px;margin-left:5px;} /*#communautaire .articlecomplet #gallery div.block div.blk_inside {width:600px; height:535px;} */ #communautaire .articlecomplet div.motscles {padding:7px 10px!important;} #communautaire .articlecomplet div.motscles, #communautaire .articlecomplet div.notation{ border:1px solid #C8C8C8; border-top:0; background:#FFF; clear:both; padding:5px 10px;} #communautaire .articlecomplet div.notation {padding:5px 10px;} #communautaire .articlecomplet div.notation .action {padding:5px 0;background-color:transparent; font-size:12px;} #communautaire .articlecomplet div.articletitle div.notation{width:250px;} #communautaire .deuxtiers div.motscles span.tag, #communautaire .articlecomplet div.motscles span.tag{padding: 2px 0 10px;position:relative; top:5px; float:left;width:420px;} #communautaire .deuxtiers div.motscles span.social, #communautaire .articlecomplet div.motscles span.social {padding:0!important;position:relative;top:2px;} #communautaire .deuxtiers div.motscles span.social a.pluspartage , #communautaire .articlecomplet div.motscles span.social a.pluspartage {bottom:6px;margin-left:5px;position:relative;cursor:pointer;} #communautaire .articlecomplet div.notation img {padding:0 3px;float:left} #communautaire .articlecomplet div.notation .stats {float:left; padding-left:2px;font-size:11px;margin:0} #communautaire .articlecomplet div.notation .stats span.bleu {padding:0} /* PODCAST */ #communautaire .articlecomplet .articlesubtitle div.lecteurpodcast {border:1px solid #cfcfcf; border-left:0; border-right:0; margin-bottom:20px;height:34px;padding:10px; background:#f7f7f7} #communautaire .articlecomplet .articlesubtitle div.lecteurpodcast div.infotitle p{color:#00A7DF!important;font-size:12px;font-weight:bold;margin:0;text-align:center;text-transform:uppercase;} #communautaire .articlecomplet .articlesubtitle div.lecteurpodcast div.infotitle .jauge {border:1px solid #D0D0D0;height:9px;width:190px;} #communautaire .articlecomplet .articlesubtitle div.lecteurpodcast div.infotitle .jauge img.left {left:-1px;position:relative;top:-2px;} #communautaire .articlecomplet .articlesubtitle div.lecteurpodcast div.infotitle .jauge img.right {position:relative;right:-180px;top:-2px;} #communautaire .articlecomplet .articlesubtitle .block_podcat_video #lzappContainerTop{width:390px;height:295px} /* END PODCAST */ #communautaire .articlecomplet .articlesubtitle .listearticlelistmania {padding:10px} #communautaire .articlecomplet .articlesubtitle .listearticlelistmania .produit .detailproduit {width:150px;} #communautaire .articlecomplet .articlesubtitle .listearticlelistmania .produit .detailproduit a {display:block} #communautaire .articlecomplet .articlesubtitle .listearticlelistmania .produit .describ {width:350px;} /* FIN BLOCK REACTIONS */ #communautaire .paginationreaction {margin-bottom:5px;clear:both;} #communautaire .paginationreaction div.pages { padding:10px;color:#000} #communautaire .paginationreaction div.pages a, #communautaire .content .col_gauche .paginationreaction div.pages span{padding:3px; font-weight:bold;} #communautaire .univers {width:646px;margin-bottom:20px;} #communautaire .univers h3 {color:#000000;font-size:24px;font-weight:normal;margin-bottom:15px;} #communautaire .univers ul {padding:0;margin:0} #communautaire .univers li {margin:0;list-style-type: none;} #communautaire .univers .encadreunivers {border:1px solid #cdcdcd; padding:14px 0 0 0; background:#FFF} .IS_IE #communautaire .univers .encadreunivers {padding-bottom:14px} #communautaire .univers .artisteunivers .artiste {float:left;border-right:1px solid #CDCDCD;margin-left:14px;_margin-left:10px;width:150px;margin-bottom:17px;zoom:1} #communautaire .univers .artisteunivers .artiste img.pictoartiste { float:left;margin-right:10px} #communautaire .univers .artisteunivers .last {width:135px;border-right:0} #communautaire .univers .artisteunivers .artiste span {color:#535353;font-size:14px;display:block;} #communautaire .produits{width:646px; margin-bottom:20px;} #communautaire .produits h3 {color:#000000;font-size:24px;font-weight:normal;margin-bottom:15px;} #communautaire .produits .encadreproduits {border:1px solid #cdcdcd; padding:14px; background:#FFF} #communautaire .produits .encadreproduits .listeproduit .brd_b_gris { clear:both;margin-bottom:15px;} #communautaire .deuxtiers .article .listmaniacontent .left:first-line{ font-weight:bold} #communautaire .listmaniacontent ul.listmania, #communautaire .deuxtiers .article .listmaniacontent ul.listmania {list-style:none;padding:0; margin:0;color:#777;border-bottom:1px solid #C8C8C8} #communautaire .listmaniacontent ul.listmania li, #communautaire .deuxtiers .article .listmaniacontent ul.listmania li{line-height:22px;min-height:20px;border-top:1px solid #cecece;} #communautaire .deuxtiers .article .listmaniacontent ul.listmania li a {padding-left:10px;background:transparent url(../img/communautaire/decos/bullet-listmania.png) no-repeat scroll 2px 8px;} #communautaire .TwoBlocs .article .listmaniacontent ul.listmania li a {padding-left:10px;background:transparent url(../img/communautaire/decos/bullet-listmania.png) no-repeat scroll 2px 6px;} #communautaire .TwoBlocs .article .listmaniacontent ul.listmania li a.moutarde {background:none!important;} #communautaire .blockmaincategorie .listmaniatitle div.dispeblock {background:#FFF} #communautaire .listmaniacontent ul.listmania li a:hover,#communautaire .deuxtiers .article .listmaniacontent ul.listmania li a:hover {text-decoration:none} #communautaire .listmaniacontent ul.listmania li a, #communautaire .deuxtiers .article .listmaniacontent ul.listmania li a{color:#777;} #communautaire .listmaniacontent ul.listmania li a.moutarde, #communautaire .deuxtiers .article .listmaniacontent ul.listmania li a.moutarde{color:#de9c00} #communautaire .articlesubtitle .listmania {margin-top:10px} #communautaire .listmania .listoneprod {margin-bottom:15px} #communautaire .listmania .pair{padding:10px 0;} #communautaire .listmania .impair{background:#f3f3f3;padding:10px 0;} #communautaire .listmania .listoneprod .commentaire {float:left;padding-left:20px;width:260px;color:#555} #communautaire .listmania .listoneprod .detailproduit {padding-left:14px; width:250px} #communautaire .produits .listeproduit .detailproduit {padding-left:14px; width:228px} /*#communautaire .listmania .listoneprod .detailproduit a, #communautaire .listmania .listoneprod .detailproduit span, #communautaire .produits .listeproduit .detailproduit a, #communautaire .produits .listeproduit .detailproduit span {display:block}*/ #communautaire .listmania .listoneprod .detailproduit h4, #communautaire .produits .listeproduit .detailproduit h4 { font-size:18px; font-weight:normal;color:black} #communautaire .listmania .listoneprod .detailproduit a, #communautaire .produits .listeproduit .detailproduit a{text-decoration:underline; color:#535353 ;font-size:14px;/*line-height:20px;*/} #communautaire .listmania .listoneprod .detailproduit h4 a, #communautaire .produits .listeproduit .detailproduit h4 a{font-size:16px;font-weight:bold;color:black;text-decoration:none;} #communautaire .listeproduit .produit .detailproduit h4 .detail1 {font-size:0.9em;display:block} #communautaire .listeproduit .produit .detailproduit h4 .detail2 {font-size:0.8em ; color:#535353 ; font-weight:normal;display:block} #communautaire .produits .listeproduit .detailproduit a img.fi_link_img {display:inline;} #communautaire .listmania .listoneprod .detailproduit .participant, #communautaire .produits .listeproduit .detailproduit .participant{color:#535353;font-size:14px;display:block} #communautaire .listmania .listoneprod .detailproduit span.describ, #communautaire .produits .listeproduit .detailproduit span.describ{ /*font-weight:bold;*/ display:block;color:#767676; font-size:11px;margin-top:5px;margin-bottom:5px;} #communautaire .listmania .listoneprod .detailproduit div.price, #communautaire .produits .listeproduit .detailproduit .priceall {color:#000} #communautaire .listmania .listoneprod .detailproduit div.price strong, #communautaire .produits .listeproduit .detailproduit .priceall strong {font-size:18px} #communautaire .listmania .listoneprod .detailproduit div.price span{color:#000!important;} #communautaire .listmania .listoneprod .detailproduit div.price span, #communautaire .produits .listeproduit .detailproduit div.price span{display:inline;color:#6d6e70; font-size:11px;} #communautaire .listmania .listoneprod .detailproduit div.price span.newprice, #communautaire .produits .listeproduit .detailproduit div.price span.newprice {color:#dd0000; font-size:18px; font-weight:bold;background:transparent url(../img/communautaire/pictos/special-internet.png) no-repeat; padding-left:25px;padding-top:4px;} #communautaire .listmania .listoneprod .produit{ margin-bottom:15px;padding-bottom:15px; border-bottom:1px solid #cdcdcd} #communautaire .produits .listeproduit .produit { margin-bottom:15px;} #communautaire .listmania .listoneprod .last, #communautaire .produits .listeproduit .last {border:0;margin-bottom:0px;padding-bottom:0px;} /* BLOCK VIDEO */ #communautaire .deuxtiers .article .blkvideo, #communautaire .deuxtiers .article .blkvideo #lzappContainerTop, #communautaire .articlecomplet .articlesubtitle .blkvideo, #communautaire .articlecomplet .articlesubtitle .blkvideo #lzappContainerTop {width:397px; height:295px} /* BLOCK PLAYLIST */ #communautaire .playcontrol {background:#FFF url(../Img/decos/gradiant-grey.png) repeat-x scroll center bottom; height:70px; border:1px solid #C8C8C8; border-bottom:0px; clear:both;} #communautaire .playcontrol .playcontrolactions{padding-left:5px} #communautaire .deuxtiers .playlist, #communautaire .deuxtiers .playcontrol, #communautaire .deuxtiers #FnacMusic{margin-left:71px;width:552px;} #communautaire .deuxtiers .playcontrol {width:550px!important} #communautaire .playcontrol div.contcover{ float:left; padding:15px 8px;} #communautaire .playcontrol div.playcontrolactions div.btncontrol, #communautaire .playcontrol div.playcontrolactions div.volControl, #communautaire .playcontrol div.playcontrolactions div.infotitle { float:left; padding:13px 0; position:relative; top:4px;} #communautaire .playcontrol div.playcontrolactions div.infotitle {padding:0} #communautaire .playcontrol div.playcontrolactions div.infotitle p.lecteurnomtitre {margin:0;color:#00A7DF;font-size:12px;font-weight:bold;text-transform:uppercase;text-align:center;padding-bottom:5px !important;} #communautaire .playcontrol div.playcontrolactions div.infotitle p.lecteurnomtitre a {color:#00A7DF;} #communautaire .playcontrol div.playcontrolactions div.infotitle div.jauge {border:1px solid #d0d0d0;height:9px;_height:5px;width:190px;} #communautaire .playcontrol div.playcontrolactions div.infotitle div.jauge img.right {position:relative; top:-1px;right:-180px;} #communautaire .playcontrol div.playcontrolactions div.infotitle div.jauge img.left {position:relative; top:-1px;left:-1px;} #communautaire .playcontrol div.playcontrolactions div.btncontrol img.prevnext {margin-bottom:6px;} #communautaire .playcontrol div.playcontrolactions div.volControl {margin-top:12px;padding-left:7px;} #communautaire .playcontrol div.playcontrolactions div.infotitle {margin-left:30px;width:190px;margin-top:11px;} #communautaire .playcontrol div.playcontrolactions div.infotitle #divratio {border-top:1px solid #CCC;border-bottom:1px solid #CCC} #communautaire .playcontrol div.playcontrolactions div.infotitle #divratio span {position:relative!important;} #communautaire .deuxtiers div.boutonsaction {} #communautaire .playcontrol div.boutonsaction { margin-left:417px;margin-right:10px;padding-top:10px;text-align:right;} #communautaire .blockmaincategorie .playlist div.article {padding-bottom:0!important} #communautaire .playlist ul.listing-music {padding:0;margin:0 0 20px;list-style:none; font-size:11px;width:100%} #communautaire .playlist ul.listing-music li {padding:5px;min-height:40px;} #communautaire .playlist ul.listing-music li.impair {background:#f3f3f3} #communautaire .deuxtiers .playlist ul.listing-music .pricetrack span.message {float:none} #communautaire .deuxtiers .playlist ul.listing-music .pricetrack .duration {color:#000;font-weight:bold} #communautaire .playlist ul.listing-music a.originalalbum {float:left} #communautaire .playlist ul.listing-music span {display:block; float:left;margin-right:5px;} #communautaire .playlist ul.listing-music span a {cursor:pointer} #communautaire /*.deuxtiers*/ .playlist ul.listing-music span.pricetrack {width:100px;} #communautaire .playlist ul.listing-music span.nametract {width:150px; font-weight:bold} #communautaire .playlist ul.listing-music span.nametract a:hover {color:#31b9e5} #communautaire .playlist ul.listing-music span.numbertract {color:#333333;font-weight:bold;width:13px;} #communautaire .playlist ul.listing-music span.pricetrack p{text-align:right;font-weight:bold;} #communautaire .playlist ul.listing-music span.pricetrack a.pricetrack {color:#888888;font-weight:bold;background:transparent url(../Img/boutons/buy-track.png) no-repeat scroll right center;display:block;float:right;height:16px;padding-right:20px;} #communautaire .deuxtiers .playlist ul.listing-music span.commentaires {width:235px;margin:0;} #communautaire .articlecomplet .playlist ul.listing-music span.commentaires {width:275px;margin:0;} #communautaire /*.deuxtiers*/ .playlist ul.listing-music span.commentaires p{margin:0} #communautaire .playlist ul.listing-music span.commentaires {margin-left:10px;width:310px;} #communautaire .playlist ul.listing-music span.commentaires p:first-line { font-weight:bold} #communautaire .playlist ul.listing-music span.commentaires p {color:#888; margin-bottom:5px;} #communautaire .moitie .border .contenu {clear:both} #communautaire .moitie .playlist .articlesubtitle div.playcontrol {border:0;width:309px;} #communautaire .moitie .playlist .articlesubtitle div.playcontrol div.infotitle {width:150px;margin-left:0} #communautaire .moitie .playlist .article div.contenu div.articlesubtitle .lecteurnomtitre {} #communautaire .moitie .border .articlesubtitle .playlistonethird div.playcontrol{background:transparent url(../img/Communautaire/decos/gradiant-third-playlist.png) repeat-x; height:52px;} #communautaire .blockmaincategorie .articlesubtitle span.suiteplaylist{padding:5px; text-align:right;display:block;font-size:12px;} #communautaire .moitie .border .articlesubtitle .playlistonethird div p {margin:0; text-align:center} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .volControl img {margin:19px 0} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .infotitle {color:#00b3ee;font-size:11px;} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .btncontrol {margin-left:5px!important;} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .btncontrol, #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .volControl, #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .infotitle {margin-left:10px;padding:0;margin:0;top:0} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .infotitle .jauge {height:9px;border:1px solid #D0D0D0;width:140px;margin-top:11px !important;} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .infotitle .lecteurnomtitre {width:140px} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .infotitle .jauge img.left {position:relative; top:-1px;left:-1px} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .infotitle .jauge img.right {position:relative; top:-1px;right:-130px;} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .infotitle {padding:5px; margin-left:5px;} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .btncontrol img.prevnext {margin:15px 0} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .btncontrol a.play img {margin:8px 0} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .infotitle #divratio { background:#FFFFFF;border-bottom:1px solid #BBB;border-top:1px solid #BBB;display:block;height:9px;position:relative;margin-top:0!important} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .infotitle #divratio span{ top:-1px !important;position:absolute !important;} #communautaire .moitie .border .articlesubtitle .playlistonethird .playcontrolactions .infotitle .divplayratio {left:5px;} #communautaire .content .jauge .divplayratio, #PostHeaderContent .jauge .divplayratio { display:block;left:0;height:9px;width:0px;background:url(../img/decos/barreAudio/fill_blue.png) repeat-x left top transparent;position:absolute; } /* BLOC LISTMANIA 1/3 */ #communautaire .moitie .border .contenu .listmania .previewarticle {border-top:1px solid #cecece;list-style-position:inside; padding:0; margin:0;color:#DE9C00;} #communautaire .moitie .border .contenu .listmania .previewarticle li {} #communautaire .moitie .border .contenu .listmania .previewarticle li strong, #communautaire .moitie .border .contenu .listmania .previewarticle li span{color:#777} /* Blocs Produits 2/3 + 1/3 */ #communautaire .descProd {padding:0 10px} #communautaire .descProd .participant, #communautaire .descProd .describ, #communautaire .contentlistemea .participant, #communautaire .contentlistemea .describ{display:block;margin-bottom:2px} /* ----------------------- */ #communautaire .listeuntier {width:300px;_width:298px;background:#FFF;margin-top:20px; border:1px solid #C8C8C8} #communautaire .col_gauche .listeuntier {margin:0 18px 20px 0;width:313px;} #communautaire .col_gauche .listeuntier .contenant {width:313px;} #communautaire .col_gauche .listeuntier .contenant .contentpost{width:186px;} #communautaire .listeuntier h3 {line-height:25px;margin:5px 0 5px 15px;color:#000000;font-size:18px;font-weight:normal;} #communautaire .listeuntier h3 span {color:#000000;font-size:17px;} #communautaire .listeuntier h3 img {margin-left:5px;vertical-align:-25%} #communautaire .listeuntier .contenant {width:300px;} #communautaire .listeuntier .contributeur div.picto{ width:75px;} #communautaire .listeuntier .contributeur div.contentpost {width:194px} #communautaire .listeuntier .contenant descriptionproduit {} #communautaire .listeuntier .listevent img.pict {margin-right:0 !important; padding:10px;} #communautaire .listeuntier .listevent img.fleche {margin-top:35px;} #communautaire .listeuntier .listevent .contentpost h3{color:#FF7400;font-size:12px;font-weight:normal;} #communautaire .listeuntier .listevent .contentpost h3 span{font-size:12px;} #communautaire .listeuntier .contenant .contentpost h4 {color:#777} #communautaire .listeuntier .contenant .contentpost {width:241px;padding:10px 5px 10px 10px;background:#FFFFFF url(../img/communautaire/decos/gradiant-fond-article-33.png) repeat-x;padding-bottom:0 !important;min-height:95px;position:relative} #communautaire .listeuntier .listevent .contentpost { width:179px;!important} #communautaire .listeuntier .contenant .pictmea {background:#FFFFFF url(../img/communautaire/decos/fleche.png) no-repeat right 30px; padding-right:9px;padding-left:5px;width:71px;height:111px} #communautaire .listeuntier .contenant .contentlistemea {padding:11px;width:193px;background:#FFFFFF url(../img/communautaire/decos/gradiant-fond-article-33.png) repeat-x;min-height:80px;} #communautaire .listeuntier .contenant .contentlistemea h4{color:#000; font-weight:bold } #communautaire .listeuntier .contenant .contentlistemea h5{color:#777;font-size:12px; font-weight:normal} #communautaire .listeuntier .contenant .contentlistemea .priceall {padding-top:15px; color:#000; font-size:11px} #communautaire .listeuntier .contenant .contentlistemea .priceall strong {font-size:16px} #communautaire .listeuntier .contenant .contentlistemea .pict {border:0;padding:10px 5px 5px 0;margin:0 } #communautaire .listeuntier .contenant .contentpost div {width:auto;} #communautaire .listeuntier .contenant .contentpost div h4 {color:#777} #communautaire .listeuntier .contenant .date {width:44px; text-align:center} #communautaire .listeuntier .contenant .date p {font-size:14px;margin:0 8px 0 0;color:#000;} #communautaire .listeuntier .contenant img.pict {border:1px solid #FFFFFF;margin-right:11px;} #communautaire .listeuntier .contenant img.pictgris {border:1px solid #c0c0c0;} #communautaire .listeuntier .contenant .date p.jour {margin-top:10px;} #communautaire .listeuntier .contenant .date p.mois{font-size:14px;} #communautaire .listeuntier .contenant .date .separate {width:44px; height:15px;background:url(../img/communautaire/decos/separate2.png) no-repeat} #communautaire .listeuntier .contenant div.notation {margin-bottom:5px; margin-top:5px} #communautaire .listeuntier .contenant div.notation .stats {margin:0; font-size:11px;color:#de9c00} #communautaire .listeuntier .contenant div.notation span.comment{width:27px; height:24px; background:transparent url(../img/communautaire/decos/bullet-comment-pt.png) no-repeat; display:block; float:left;margin:2px 5px 0 0;padding:4px 0 0 8px;color:#000; font-weight:bold; text-align:center; } .IS_IE #communautaire .listeuntier .contenant div.notation span.comment{margin-right:3px} #communautaire .listeuntier .liretous {text-align:right; padding:5px;border-top:1px solid #C8C8C8;clear:both;} #communautaire .listeuntier .listevent .article .contenu .contentpost { width:288px;} /* --------------- */ /* BLOCK PODCAST VIDEO */ #communautaire .blockmaincategorie .article .video .contenu, #communautaire .blockmaincategorie .article .podcastvideo .contenu {width:150px !important;padding-left:10px} .IS_IE #communautaire .blockmaincategorie .article .video .contenu, .IS_IE #communautaire .blockmaincategorie .article .podcastvideo .contenu {width:147px !important;} #communautaire .blockmaincategorie .article .podcastvideo #lzappContainerTop {width:390px;height:295px} #communautaire .blockmaincategorie .article .podcastvideo .contenu div.notation, #communautaire .blockmaincategorie .article .video .contenu div.notation{margin-top:10px} #communautaire .blockmaincategorie .article .podcastvideo .contenu div.notation span.reaction, #communautaire .blockmaincategorie .article .video .contenu div.notation span.reaction {float:none} /* BLOCK EVENEMENT */ #communautaire .blockmaincategorie .evenement {width:604px!important;margin:5px!important;_margin:5px 3px 0 3px!important} #communautaire .blockmaincategorie .evenement .contenu {width:600px!important;} #communautaire .blockmaincategorie .evenement .contenu .title {width:430px;} #communautaire .blockmaincategorie .article { margin:5px 5px 0 5px ; width:60px;width:604px;_margin:5px 3px 0 2px ;position:relative;font-size:12px;} #communautaire .blockmaincategorie .article .contenu {width:600px;} #communautaire .blockmaincategorie .article .video {width:565px!important;} .IS_IE #communautaire .blockmaincategorie .article .video {width:554px!important;} #communautaire .blockmaincategorie .article div.quand, #communautaire .blockmaincategorie .article div.lieu {margin-bottom:10px;border:1px solid #CBCBCB;zoom:1} #communautaire .blockmaincategorie .article div.quand {margin-bottom:0} #communautaire .moitie .article {width:271px;_width:271px;} #communautaire .moitie .article div.contenu {width:280px;_width:270px;font-size:12px;} #communautaire .moitie .article div.cadrevenement { padding-right:10px;_padding-right:0px;width:270px;zoom:1} #communautaire .moitie .article div.cadrevenement div.lieu span.content {width:198px!important;} #communautaire .moitie .article div.cadrevenement span.content { padding-right:10px; width:177px!important;border:0} #communautaire .blockmaincategorie div.border {border:0;position:relative;top:-6px;} #communautaire .blockmaincategorie .podcast {top:0px!important;} #communautaire .blockmaincategorie div.event{top:0px!important;height:auto !important; width:309px;} #communautaire .block6tiers .contenant .unsursix {height:auto;min-height:160px;padding-bottom:10px} #communautaire .block6tiers .contenant .unsursix .smallpricer {display:block;font-size:12px;padding-left:78px;padding-top:10px;color:#000;} #communautaire .block6tiers .contenant .unsursix .smallpricer .priceall {float:left;width:65px;} #communautaire .block6tiers .contenant .unsursix .smallpricer strong { font-size:16px;} #communautaire .block6tiers .event .contenant .unsursix h4 {color:#9F3982;font-size:11px;padding-left:90px;padding-top:21px;background:transparent url(../img/communautaire/pictos/evenements.png) no-repeat 90px 0;margin-bottom:0;line-height:13px;padding-top:21px} #communautaire .block6tiers .unsursix .postLink {float:left;width:70%;color:#777;text-decoration:none} #communautaire .block6tiers .unsursix .postLink:hover{text-decoration:underline} #communautaire .block6tiers .edito .contenant .unsursix h4.event { font-size:11px; font-weight:bold;padding-left:88px;} #communautaire .block6tiers .event .contenant .unsursix span.title {font-weight:bold; margin-left:15px; margin-bottom: 5px; display:block} #communautaire .block6tiers .contenant .unsursix h5 {padding-left:10px;color:#de9c00; font-size:11px;padding-left:90px;line-height:13px;} #communautaire .block6tiers .contenant .unsursix p {margin:0 10px 5px 15px} #communautaire .block6tiers .contenant .unsursix p:first-line {font-weight:bold} #communautaire .blockmaincategorie .article div.quand span{padding:10px;float:left;width:208px;background:#f7f7f7 url(../img/communautaire/decos/sep-evenement.png) no-repeat;color:#777;} #communautaire .blockmaincategorie .article div.lieu span {padding:10px;float:left;width:228px;background:#f7f7f7 url(../img/communautaire/decos/sep-evenement.png) no-repeat} #communautaire .blockmaincategorie .article div.quand span.titre {font-weight:bold;color:#9f3982; border-right:0px; width:50px; background:#FFF} #communautaire .blockmaincategorie .article div.lieu span.titre {font-weight:bold;color:#9f3982; border-right:0px; width:30px; background:#FFF} #communautaire .blockmaincategorie .article table.lieu {border:1px solid #d5d5d5} #communautaire .blockmaincategorie .article table.quand {border:1px solid #d5d5d5} #communautaire .blockmaincategorie .article table.quand td{padding:10px;width:208px;font-size:12px;background:#f7f7f7 url(../img/communautaire/decos/sep-evenement.png) no-repeat;height:50px;vertical-align:top;} #communautaire .blockmaincategorie .article table.quand td.titre {font-weight:bold;color:#9f3982; border-right:0px; width:50px; background:#FFF;width:50px;} #communautaire .blockmaincategorie .article table.lieu td {padding:10px;width:228px;font-size:12px;background:#f7f7f7 url(../img/communautaire/decos/sep-evenement.png) no-repeat;height:50px;vertical-align:top;} #communautaire .blockmaincategorie .article table.lieu td.titre {font-weight:bold;color:#9f3982; border-right:0px; width:50px; background:#FFF;width:30px;} #communautaire .blockmaincategorie .article .fbook {float:right} #communautaire .blockmaincategorie .article .fbook .fb_iframe_widget{z-index:100000} /* FLAG SUR PICTO */ #communautaire .bandopc { display:block;_display:block; height:0px; width:0px; left:15px; top:15px; margin:0; padding:0; position:absolute;_position:absolute; width:142px; z-index:54; } #communautaire .col_droite .bandopc {left:11px;top:11px;} #communautaire .moitie .bandopc {left:203px} #communautaire .oneevent .bandopc {left:11px;top:16px;} .dispeblock { _position:relative; } #communautaire .unsursix {position:relative} #communautaire .unsursix .bandopc {top:1px;left:52px;} #communautaire .unsursix .event2-3 {left:11px} /* Info-Bulle Fnac */ .infoBulle {margin:0;padding:0;font-size:11px;color:#000;} .infoBulle .visuel, .infoBulle .content {float:left;} .infoBulle .visuel {width:70px;} .infoBulle .content ul, .infoBulle .infoSup ul {margin:0;padding:0;width:135px;} .infoBulle .content ul li, .infoBulle .infoSup ul li {list-style:none;padding-bottom:3px;} .infoBulle .content ul li.titre {font-size:13px;} .infoBulle div.clear {clear:both;} .infoBulle .infoSup, .infoBulle .infoSup ul {width:210px;} .infoBulle .infoSup ul li.errorGeo {color:#555} .infoBulle .infoSup ul li.errorGeo img {padding-right:3px;vertical-align:bottom;} /* POPIN AJOUT PLAYLIST */ #FMPlaylistPopin {width:400px;background:#F0F0F0;} #FMPlaylistPopin p, #FMPlaylistPopin dt{color:#787878;font-size:13px;font-weight:normal;padding:10px 20px;vertical-align:middle;} #FMPlaylistPopin p.buton {display:block;text-align:right;} #FMPlaylistPopin dl dt input {margin:0 5px 0 0;font-size:11px;vertical-align:middle;} #FMPlaylistPopin dl dt select {height:20px;margin:0 5px 0 0;} #FMPlaylistPopin p strong{color:#00A0D7;} #FMPlaylistPopin h4 {background:transparent url(../Img/decos/gradiant-ajout-playlist.png) repeat-x;color:#000000;height:20px;padding:6px 20px;} #FMPlaylistPopin hr {background:#A8A8A8;border:0 none;display:block;height:1px;margin:10px 20px;} #FMPlaylistPopin span.quesque {display:block;font-weight:bold;margin-right:20px;text-align:right;color:#666666;} /* POPIN PARTAGER RESEAU SOCIAUX */ div.popinsharesocial {position:absolute;z-index:999;left:0} div.popinsharesocial h5{ color:#000000;font-size:18px!important;font-weight:normal; margin-bottom:15px!important;} div.popinsharesocial .closemap {border-top:1px solid #C8C8C8;clear:both;padding:5px;text-align:right;} div.popinsharesocial .closemap a {background:#fefefe url(../img/communautaire/boutons/close-map.png) no-repeat left; padding-left:15px;cursor:pointer} div.popinsharesocial textarea {border:1px solid #A7A6AA;color:#000000; background:url(../img/communautaire/decos/gradiant-social.png) repeat-x;font-size:12px;width:526px;padding:10px;} div.popinsharesocial hr {height:1px; background:#C0C0C0;border:0;} div.popinsharesocial .container {background:#FFFFFF;width:623px;border:1px solid #C0C0C0} .SocialBookmarkMailPopin{display:none} .SocialBookmarkMailPage {display:inline} .hasJS .SocialBookmarkMailPopin {display:inline} .hasJS .SocialBookmarkMailPage {display:none} /* */ #communautaire #allopa {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:70;opacity:0.6;filter:alpha(opacity=60);visibility:hidden;position:fixed;} .conteneursendemail {left:0;position:absolute;z-index:999;} .conteneursendemail .popinsendmail {left:0;z-index:999;margin:auto;width:623px;} .popinsendmail h1{font-size:18px!important;padding:10px!important;width:auto!important;text-indent:0em!important; } .conteneursendemail .popinsendmail .contentsendmail {background:#FFFFFF;margin:auto;width:623px;border:1px solid #C0C0C0;position:absolute;z-index:80;} .conteneursendemail .popinsendmail .contentsendmail h1 {color:#000} .conteneursendemail .popinsendmail .contentsendmail table {width:100%} .conteneursendemail .popinsendmail .contentsendmail table input {width:95%; background:transparent url(../img/communautaire/decos/gradiant-label-sendmail.png) repeat-x 0 0; border:1px solid #cecece;height:16px;padding:5px;} .conteneursendemail .popinsendmail .contentsendmail textarea {width:100%;background:transparent url(../img/communautaire/decos/gradiant-textarea-sendmail.png) repeat-x 0 0 ;border:1px solid #CECECE} .conteneursendemail .popinsendmail .contentsendmail div.closemap {border-top:1px solid #C8C8C8;clear:both;padding:5px;text-align:right;} .conteneursendemail .popinsendmail .contentsendmail div.closemap a{background:#FEFEFE url(../img/communautaire/boutons/close-map.png) no-repeat scroll left center;padding-left:15px;} /*senMail no JS*/ #communautaire #sendMail {border:1px solid #C8C8C8;background-color:#FFF;width:80%;padding:20px} #fichearticle .multicommunautaire {float:none!important} /* page declaration abus*/ #communautaire .abusePost .articlecomplet {width:90%;} #communautaire .abusePost .articlecomplet .articletitle{width:100%;border:none} #communautaire .abusePost .articlecomplet .articletitle .contenu {width:70%;} #communautaire .abusePost .articlecomplet .articletitle .contenu h4 {font-size:18px;} #communautaire #declareAbuseContent{padding:0 10px} #communautaire #declareAbuseContent .contentAvis{margin:0;padding:0} #communautaire #declareAbuseContent .contentAvis li{margin:0;padding:0;list-style-type:none} /* Specifique PRINT */ #print #communautaire{font-family:Georgia, Times New Roman, Serif;font-size: 11pt;color:#000;} /* head post */ #print #headWithPic , #print #headWithoutPic{overflow:hidden;_overflow:visible;zoom:1;} #print #headWithPic #postImg {float:left;display:inline; padding-right:1%;} #print #headWithPic #postHeadInfos {} #print #headWithoutPic #postHeadInfos{} #print #postHeadInfos .postTopInfos{font-size:1.1em; margin:0 0 0.5em 0;padding-bottom:0.5em;border-bottom:1px solid #CCC} #print #postHeadInfos .category{color:#FF7403;margin:0 0 0.5em} #print #postHeadInfos h1{font-size:1.5em;font-weight:normal} #print #communautaire .articlecomplet .articlesubtitle p {margin:1% 0} /* post Event */ #print #communautaire .blk-event table{border-collapse:collapse;margin-left:1%} #print #communautaire .blk-event th, #print #communautaire .blk-event td{border: 1px solid black;padding:1%;text-align:left} /* post photo */ #print #communautaire .articlecomplet {width:100%} #print #communautaire .articlecomplet .articlesubtitle {border:none;padding:0} #print #communautaire .articlecomplet .articlesubtitle div.galeriephoto {width:45%} #print #communautaire .galeriephoto .blk_inside p{padding:0 1%} /* post playlist */ #print #communautaire .playcontrol, #print #communautaire .playtrack, #print #communautaire .addtrack{display:none} #print #communautaire .playlist ul.listing-music {font-size:0.8em;} #print #communautaire .nametract {width:20%;} #print #communautaire .pricetrack {width:10%;} #print #communautaire .commentaires {width:60%;} /* DISSEMINATION SSHOME PE/PT*/ .defaultBanner{border:1px solid #CCC;border-width:1px 1px 0 1px} #communautaire .TwoBlocs {margin-bottom:20px;border:1px solid #C8C8C8;border-top:0} #communautaire .TwoBlocs .moitie {margin:10px 10px 0 0!important;width: 266px!important;border:0} #communautaire .TwoBlocs .moitie .date {width: 266px!important} #communautaire .TwoBlocs .moitie .border {width: 266px!important} #communautaire .TwoBlocs .moitie .border .article {width: 246px!important;padding: 5px!important;background:url("../img/communautaire/decos/gradiant-listspace.png") repeat-x} #communautaire .TwoBlocs .moitie .border .article img.pict {margin-right:0px!important} #communautaire .TwoBlocs .moitie .border .article div.contenu {width: 245px!important;} #communautaire .TwoBlocs .moitie .border .articlesubtitle .playcontrol {width: 266px!important;} #communautaire .TwoBlocs .moitie .border .articlesubtitle .playcontrol .infotitle {width: 100px!important;} #communautaire .TwoBlocs .moitie .border .articlesubtitle .playcontrol .infotitle .lecteurnomtitre, #communautaire .TwoBlocs .moitie .border .articlesubtitle .playcontrol .infotitle .jauge {width:90px!important;} #communautaire .TwoBlocs .moitie .border .articlesubtitle .playcontrol .infotitle .jauge img.right {right:-80px!important} #communautaire .TwoBlocs .moitie .article .blocTitle {width:auto} #communautaire .TwoBlocs .last {margin:10px 0 0 0!important} #communautaire .TwoBlocs .bandopc {left:181px!important;top:6px!important} #col_centre_RIA #communautaire .TwoBlocs .moitie {margin:10px 10px 0 0!important;width: 295px!important;height:auto!important;} #col_centre_RIA #communautaire .TwoBlocs .last {margin:10px 0 0 0!important} #col_centre_RIA #communautaire .TwoBlocs .moitie .date {width: 295px!important} #col_centre_RIA #communautaire .TwoBlocs .moitie .border {width: 295px!important} #col_centre_RIA #communautaire .TwoBlocs .moitie .border .article {width: 275px!important} #col_centre_RIA #communautaire .TwoBlocs .moitie .border .article .blocTitle {width:auto!important} #col_centre_RIA #communautaire .TwoBlocs .bandopc {left: 210px !important;top: 6px !important;} #col_centre_RIA #communautaire .TwoBlocs .moitie .border .article div.contenu {width:275px !important;} #col_centre_RIA #communautaire .TwoBlocs .moitie .border .articlesubtitle .playcontrol {width: 295px!important;} #col_centre_RIA #communautaire .TwoBlocs .moitie .border .articlesubtitle .playcontrol .infotitle {width: 132px!important;} #col_centre_RIA #communautaire .TwoBlocs .moitie .border .articlesubtitle .playcontrol .infotitle .lecteurnomtitre, #col_centre_RIA #communautaire .TwoBlocs .moitie .border .articlesubtitle .playcontrol .infotitle .jauge {width:110px!important;} #col_centre_RIA #communautaire .TwoBlocs .moitie .border .articlesubtitle .playcontrol .infotitle .jauge img.right {right:-100px!important}