#colPlayer { float:left; background:#f1f0ea; width:316px; height:100%; margin: 0 0px 0 0; padding-top:8px; } #player { margin-bottom:15px; background-color:#edede5;} /*--------------- interactivite -----------*/ /* attention : toutes typos en bold */ #interactivite {} #colPlayer h1 { color:#FFF;font-size:14px; height:19px; padding-left:25px; font-weight:600; padding-top:1px; margin:0; background:url(../imgs/col_droite_titre_bg.png) no-repeat; overflow:hidden; } #colPlayer h1 a { text-decoration:none; display:block; width:100%; height:20px; } #colPlayer h1 a.tous { display:inline-block; background:url(../imgs/col-arrow.gif) 0 5px no-repeat; float:right; margin:2px 10px 0 0; padding-left:10px; font-size:11px; color:#d4c76a; font-weight:normal; text-decoration:none; width:auto; } #colPlayer h1 span { visibility:hidden; display:inline-block; width:100px; height:20px;} #colPlayer .forum h1 { background-position:0 0; } #colPlayer .forum.actu h1 { background-position:0 -230px; } #colPlayer .evenement h1 { background-position:0 -80px; } #colPlayer .temoignages { margin-top:8px; } #colPlayer .temoignages h1 { background-position:0 -20px; } #colPlayer .temoignages li { font-size:12px; } #colPlayer .blogs h1 { background-position:0 -40px; } #colPlayer .mediateur h1 { background-position:0 -60px; padding-left:25px; } #colPlayer .forum ul { background-color:#FFF; margin-bottom:15px; margin:0 } #colPlayer .forum ul li a { font-size:16px; font-weight:normal; background:none; } #colPlayer .forum ul li a.reagir { height:15px; vertical-align:middle } #colPlayer .temoignages ul { background-color:#FFF; margin-bottom:8px; } #colPlayer .temoignages ul a { font-weight:normal; } #colPlayer .blogs { margin-bottom:8px; } #colPlayer .blogs ul { background: #656053 url(../imgs/home-blog-bg.gif) top right no-repeat; margin-bottom:15px; min-height:185px; height:auto !important; height:185px;padding:0 } #colPlayer .blogs ul li { background:none; padding:0; margin:0; float:left;width:97px; height:100%; padding: 4px; color:#FFFFFF } #colPlayer .blogs ul li.clear { display:block;width:0;height:0;font-size:0;line-height:0;clear:both;margin:0;padding:0; float:none; } #colPlayer .blogs ul li.lin3 { margin-right:0; border:none; width:95px } #colPlayer .blogs ul li .auteur { color: #e0c701; font-weight:normal; margin:8px 0;} #colPlayer .blogs ul li .auteur a { color: #e0c701; } #colPlayer .blogs ul li .chapo a { color: #FFF;} #colPlayer .blogs ul li .chapo a:hover { color: #DFDFDF; text-decoration:none} #colPlayer .blogs ul li .date { font-weight:normal; font-size:9px; font-weight:bold; margin-bottom:8px; color:#FFF} #colPlayer .blogs ul li .date a { color: #FFF} #colPlayer .blogs ul li .date a:hover { color: #DFDFDF; text-decoration:none} #colPlayer .blogs ul li img { margin:0; padding:0} #colPlayer .blogs ul li a.lien_blog { display:block; width:20px; height:20px; background:url(../imgs/col_droite_titre_bg.png) -284px -157px no-repeat; } #colPlayer .blogs ul li a.lien_blog span { display:none;} #colPlayer .mediateur { margin-bottom:8px; } #colPlayer .permanant { background: #D2C988 url(../imgs/col_droite_bloc_bg.jpg) 105px 20px no-repeat; margin-bottom:8px; } #colPlayer .permanant ul { width: 105px; padding:0; margin:0; } #colPlayer .permanant ul li { height:35px; font-size:12px; background: url(../imgs/col_droite_titre_bg.png) 0 -170px no-repeat; padding:0; margin:0; position:relative; color:#FFFFFF } #colPlayer .permanant ul li.on ul { display:block; } #colPlayer .permanant ul li a { font-size:11px;} #colPlayer .permanant ul li a { height:31px; padding:2px; display:block; color: #000 } #colPlayer .permanant ul li a span.haut { display:none; } #colPlayer .permanant ul li a span.bas { display:none; } #colPlayer .permanant ul li a:hover { /*background: url(../imgs/col_droite_titre_bg.png) -383px -169px;*/ background-color:#D2C988; text-decoration:none; } #colPlayer .permanant ul li:hover { background-color:#D2C988; } #colPlayer .permanant ul li li:hover { background:none;} #colPlayer .permanant ul li .nb_commentaires { color:#656053 } #colPlayer .permanant ul li.on a { background-color:#D2C988;} #colPlayer .permanant ul li a:hover span.haut, #colPlayer .permanant ul li a:hover span.bas, #colPlayer .permanant ul li.onglet.on span.bas, #colPlayer .permanant ul li.onglet.on span.haut { line-height:0; font-size:0; display:block; position:absolute; height:8px; z-index:50; left:0px; width:105px; background:url(../imgs/col_droite_titre_bg.png); } #colPlayer .permanant ul li a:hover span.haut, #colPlayer .permanant ul li.onglet.on span.haut { background-position: 0 -205px; bottom:-5px; } #colPlayer .permanant ul li a:hover span.bas, #colPlayer .permanant ul li.onglet.on span.bas { background-position: 0 -212px; top:-8px; } #colPlayer .permanant ul li.onglet1 a:hover span.bas { display:none;} #colPlayer .permanant ul li.dernier-onglet a:hover span.haut { display:none;} #colPlayer .permanant ul ul { display:none; position:absolute; margin:0; left:105px; width:210px; height:115px; background:none; top:0 } #colPlayer .permanant ul li:hover > ul { display:block; margin:0; padding:0 } #colPlayer .permanant ul li:hover > ul li { margin:0; } #colPlayer .permanant ul li.onglet1 a:hover, #colPlayer .permanant ul li.onglet1.on a { background: url(../imgs/fperm-onglet1-bg.gif) top left no-repeat} #colPlayer .permanant ul li.onglet2:hover > ul, #colPlayer .permanant ul li.onglet2.on ul { display:block; top:-35px; } #colPlayer .permanant ul li.onglet3:hover > ul, #colPlayer .permanant ul li.onglet3.on ul { display:block; top:-70px; } #colPlayer .permanant ul li.onglet4:hover > ul, #colPlayer .permanant ul li.onglet4.on ul { display:block; top:-106px; } #colPlayer .permanant ul li li { background:none; padding:10px 15px; margin:0; font-weight:normal; color:#000; height:auto; } #colPlayer .permanant ul li li img { float:left; margin-right:5px; } #colPlayer .permanant ul li.on li a.reagir { height:13px; background-position:-170px -138px; margin-left:1px; } #colPlayer .permanant ul li.on li a:hover.reagir { background-position:-170px -155px; height:13px; } #colPlayer .permanant ul li li a:hover { background:none; background: url(../imgs/col_droite_titre_bg.png) -345px -48px no-repeat; } #colPlayer .permanant ul li li a.chapo, #colPlayer .permanant ul li.on li a.chapo { background:none; background-color:none; height:auto; min-height:50px;} #colPlayer .permanant ul li.dernier-onglet.on span.bas, #colPlayer .permanant ul li.onglet1.on span.haut { display:block; } #colPlayer .permanant ul li.dernier-onglet.on span.haut, #colPlayer .permanant ul li.onglet1.on span.bas { display:none; } #colPlayer .permanant ul li.onglet1.on li a.reagir, #colPlayer .permanant ul li.onglet1 li a.reagir { background: url(../imgs/col_droite_titre_bg.png) -170px -138px no-repeat;} #colPlayer .permanant ul li.onglet1.on li a:hover.reagir, #colPlayer .permanant ul li.onglet1 li a:hover.reagir { background: url(../imgs/col_droite_titre_bg.png) -170px -155px no-repeat;} #colPlayer .evenement ul { padding:0; margin:0; background: #FFF url(../imgs/col_droite_bloc_offre_bg.jpg) top right no-repeat;} #colPlayer .evenement li { background:none; padding:6px 4px; font-size:11px; border-bottom:1px dotted #656053; font-weight:normal; margin-top:0 } #colPlayer .evenement li h2 { text-align:left; color:#a4910e; font-size:14px; font-weight:bold; } #colPlayer .evenement li img { float:left; margin-right:5px; } #colPlayer .evenement li.inverse img { float:right; margin-left:5px; margin-right:0 } #colPlayer .evenement li.inverse h2 , #colPlayer .evenement li.inverse .desc { text-align:right; } #colPlayer .evenement li .desc { padding-bottom:15px; } #colPlayer .evenement li .offre { font-size:10px; color:#000; font-weight:bold } #colPlayer .twitter { margin-top:8px; } #colPlayer .twitter h1 { background-position:0 -253px; padding-left:25px; } #colPlayer .twitter h1 a { display:block; } #blocdroit-twitter { background: url("../imgs/col_droite_titre_bg.png") no-repeat 0 -273px transparent; margin-bottom:4px; } #blocdroit-twitter li, #blocdroit-twitter ul { margin:0 } #interactivite #blocdroit-twitter li { font-weight:normal; padding-bottom:5px; border-bottom:1px solid #c9b30b } #interactivite #blocdroit-twitter li p a { color:#c9b30b } #colPlayer h1.rss { width:156px; background-position:-108px -611px; } #colPlayer h1.podcast, #colPlayer h1.rss { padding:0; height:20px; margin-bottom:8px; display:block; float:left; } #colPlayer h1.rss { background-position:-108px -611px; } #colPlayer h1.podcast a,#colPlayer h1.rss a { font-size:13px; color:#FFFFFF; display:block; height:20px; text-decoration:none;} #colPlayer h1.last { margin-right:0} #colPlayer h1.podcast { width:155px; background-position:0 -611px; margin-right:5px; } #colPlayer h1.podcast, #colPlayer h1.rss { text-indent:-999em; background-position:0 -110px;display:inline-block;float:left;height:20px;margin-bottom:15px;} #colPlayer h1.rss { background-position:0 -131px; } #colPlayer h1.podcast a, #colPlayer h1.rss a { color:#FFFFFF;display:block;font-size:14px;height:17px;text-decoration:none; } * html #colPlayer h1.rss, * html #colPlayer h1.podcast { width:155px; } #interactivite ul { padding:0px; font-size:12px; } #interactivite ul li { display:block; } #interactivite .temoignages ul li { display:block; margin-bottom:8px; } #interactivite ul li { color:black;font-weight:bold;} #interactivite ul li a { color:black; text-decoration:none; } #interactivite ul li a:hover { text-decoration:underline; } #interactivite ul li span.jeu { font-weight:normal !important;font-size:11px;color:#7d721c;text-decoration:none;} #interactivite ul li .nb_commentaires { font-size:9px; color:#a7a18f; font-weight:bold;} #interactivite ul li.tous { background:none; } #interactivite hr.spacer { visibility:hidden; width:100%; margin:0 auto; margin:5px 0; } #interactivite img.filet { margin:5px 0; } #interactivite #forum_en_avant { margin:16px 0; background-color:#dedcce; padding:8px; padding-top:32px !important; font-size:11px } #interactivite #forum_en_avant a:link #titre, #interactivite #forum_en_avant a:visited #titre{color:#B11116; font-weight:bold; text-decoration: none;} #interactivite #forum_en_avant a:hover #titre {text-decoration: underline;} #interactivite #forum_en_avant a, #interactivite #forum_en_avant a:link, #interactivite #forum_en_avant a, #interactivite #forum_en_avant a:visited {text-decoration:none;} #interactivite #forum_en_avant a:hover {text-decoration:underline;} #interactivite #forum_en_avant a { color:black; text-decoration:underline } #interactivite #forumdudossier { margin:16px; background-color:#FFFFDF; padding:4px; font-size:11px } #interactivite #forumdudossier a:link #titre, #interactivite #forumdudossier a:visited #titre{color:#B11116; font-weight:bold; text-decoration: none;} #interactivite #forumdudossier a:hover #titre {text-decoration: underline;} #interactivite #forumdudossier a, #interactivite #forumdudossier a:link, #interactivite #forumdudossier a, #interactivite #forumdudossier a:visited {text-decoration:none;} #interactivite #forumdudossier a:hover {text-decoration:underline;} #interactivite #forumdudossier a { color:black; text-decoration:underline } #interactivite h5.titre { color:#877600;font-size:14px; margin:8px 0; display:block } #interactivite h5.titre-chroniques, #interactivite h5.titre-dossier, #interactivite h5.titre-forumactu, #interactivite h5.titre-forum, #interactivite h5.titre-temoignages { background: url("../imgs/col_droite_titre_bg.png") 0 -656px no-repeat; height:20px; } #interactivite h5.titre-dossier { background-position:0 -678px } #interactivite h5.titre-forumactu { background-position:0 -230px } #interactivite h5.titre-forum { background-position:0 -634px } #interactivite h5.titre-temoignages { background-position:0 -20px } #interactivite h5.titre span { display:none; } #interactivite h5.titre-dossier span.titre-theme { display:block; line-height:20px; margin-left:105px; font-size:12px; color:#F5DD79 } #interactivite ul { display:block; margin:0 15px 8px; } #interactivite ul li { display:block; margin-bottom:8px; } #interactivite ul li p { color:black;font-size:11px;} #interactivite ul li p a { padding-left:10px; background: url("../imgs/col-droite-puce.gif") 0 4px no-repeat; } #interactivite ul li p a.temoin { background:none; padding:0 } #interactivite ul li p a.chro-titre-article { background:none; padding:0 } #interactivite ul li {color:black;font-weight:bold;} #interactivite ul li a {color:black;font-size:11px; text-decoration:none;line-height:16px; } #interactivite ul li a:hover {text-decoration:underline; } #interactivite ul li a.temoin, #interactivite ul li a.tousDoc {color:#808285;font-size:11px; text-decoration:none; } #interactivite ul li a.temoin:hover, #interactivite ul li a.tousDoc:hover {text-decoration:underline;} #interactivite ul li span.jeu {font-weight:normal !important;font-size:11px;color:#7d721c;text-decoration:none;} #interactivite ul li .nb_commentaires { font-size:9px;} #interactivite hr.spacer { visibility:none; width:100%; margin:0 auto; margin:5px 0; } #interactivite img.filet { margin:5px 0; } #interactivite #forum_en_avant {background-color:#dedcce; padding:8px; font-size:11px; background: url("../imgs/forums.jpg") 0 4px no-repeat;} #interactivite #forum_en_avant a:link #titre, #interactivite #forum_en_avant a:visited #titre{color:#B11116; font-weight:bold; text-decoration: none;} #interactivite #forum_en_avant a:hover #titre {text-decoration: underline;} #interactivite #forum_en_avant a, #interactivite #forum_en_avant a:link, #interactivite #forum_en_avant a, #interactivite #forum_en_avant a:visited {text-decoration:none;} #interactivite #forum_en_avant a:hover {text-decoration:underline;} #interactivite #forum_en_avant a { color:black; text-decoration:underline } #interactivite #forumdudossier { margin:8px 0 0 0; background-color:#FFFFDF; padding:24px 0 8px 8px; font-size:11px; background: url(../imgs/forums.jpg) no-repeat; } #interactivite #forumdudossier a:link #titre, #interactivite #forumdudossier a:visited #titre{color:#B11116; font-weight:bold; text-decoration: none;} #interactivite #forumdudossier a:hover #titre {text-decoration: underline;} #interactivite #forumdudossier a, #interactivite #forumdudossier a:link, #interactivite #forumdudossier a, #interactivite #forumdudossier a:visited {text-decoration:none;} #interactivite #forumdudossier a:hover {text-decoration:underline;} #interactivite #forumdudossier a { color:black; text-decoration:underline } #interactivite.interactivite-home { background-color:#FFF; } #interactivite.interactivite-home ul { margin:0 } #interactivite.interactivite-home ul li p a { background:none; padding:0 } #interactivite.interactivite-home .actu { margin:8px 0 } #interactivite.interactivite-home .actu h1 { margin-bottom:8px; } #interactivite.interactivite-home .actu ul { padding-bottom:8px; } #interactivite.interactivite-home a.temoin, #interactivite.interactivite-home a.reagir, #interactivite.interactivite-home #actu_froide .action li a.voir_video, #interactivite.interactivite-home a.voir_video { display:inline-block; background: url(../imgs/col_droite_titre_bg.png) no-repeat; height:13px; } #interactivite.interactivite-home #actu_froide a { color:#000; } #interactivite.interactivite-home a.temoin { background-position: -395px -26px; width:66px; vertical-align:middle } #interactivite.interactivite-home a.temoin:hover { background-position:-395px -48px; } #interactivite.interactivite-home a.reagir { background-position: -344px -26px; width:49px; } #interactivite.interactivite-home a.reagir:hover { background-position: -344px -48px; } #interactivite.interactivite-home a.temoin span, #interactivite.interactivite-home a.reagir span, #interactivite.interactivite-home a.voir_video span { display:none;} #blocdroit-twitter #twitter-scroller { margin:0 8px } #blocdroit-twitter #twitter-scroller li a { background:none; } #blocdroit-twitter #twitter-scroller span { font-size:11px !important; } .titre-facebook h5 a { display:block; height:20px; width:100%; } #colPlayer .evenement h1 span { float:left; } #colPlayer .permanant h1 span { float:left; }