/* COLONNES */
.contenu{
padding:0 15px 0 0;
overflow:hidden;
zoom:1;
}
.contenu .colonne1{
float:left;
margin:0 0 20px 0;
width:450px;
overflow:hidden;
zoom:1;
}
.contenu .articles{
float:left;
width:440px;
}
.contenu .colonne2{
float:left;
width:194px;
margin: 0 6px 0 0;
}
.contenu .colonne3{
float:left;
width:300px;
margin:0 0 0 12px;
}
.contenu .itw{
float:right;
width:494px;
margin:18px 10px 0 0;
}

/* ENTETE CONTENU */
.entete_contenu{
padding:0 15px;
margin:0 0 12px 0;
overflow:hidden;
zoom:1;
}
.entete_contenu .pub{
float:right;
}
.entete_contenu .ss_une{
float:left;
position:relative;
width:947px;
height:250px;
overflow:hidden;
}
.position_ss_une{
position:absolute;
bottom:40px;
right:20px;
}
.position_ss_une a{
outline:none;
float:left;
background:url(../../style/commun/ss1.png) no-repeat left top;
width:8px;
height:9px;
line-height:9px;
text-indent:-9999px;
margin:0 0 0 5px;
overflow:hidden;
zoom:1;
}
.position_ss_une a.on,
.position_ss_une a:hover{
background-position:left bottom;
}
.ss_une .jcarousel-clip-horizontal{
width:947px;
height:250px;
}
#ss_une li{
position:relative;
width:947px;
height:250px;
}
#ss_une li img{
position:absolute;
}
#ss_une div{
position:absolute;
bottom:20px;
left:20px;
width:300px;
padding:13px 16px;
background:rgba(0,0,0,0.53);
}
html #ss_une div{/* HACK IE */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b0000000,endColorstr=#b0000000);
zoom:1;
}
#ss_une div h2{
margin:0;
overflow:hidden;
zoom:1;
}
#ss_une div h2 span{
font-family: 'Francois One';
float:left;
background:#e5257a;
font-size:16px;
height:21px;
line-height:21px;
color:#fff;
text-transform:uppercase;
padding:0 5px;
margin:0 10px 10px 0;
}
#ss_une div h2 a{
font-family: 'Francois One';
float:left;
font-size:33px;
line-height:33px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
margin:0 0 8px 0;
}
#ss_une div p {
font-size:13px;
font-weight:bold;
color:#fff;
}
#ss_une div p a{
font-size:13px;
font-weight:bold;
color:#fff;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
text-decoration:none;
}
#ss_une div p a:hover{
border-bottom-color: #e5257a;
}
/*#ss_une div.hover a,
#ss_une a:hover{
color:#e5257a;
}*/

/* ARTICLES */
.articles h3{
padding:0 0 0 15px;
margin:0 0 4px 0;
}
.articles h3 img{
display:block;
}
.articles .item{
background:url(../../style/commun/f_article.png) no-repeat left top;
height:86px;
text-align:justify;
padding:12px 10px 12px 15px;
overflow:hidden;
zoom:1;
}
.articles .item.hover{
background:url(../../style/commun/f_article.png) no-repeat left bottom;
}
.articles .item .visuel{
position:relative;
float:left;
width:116px;
height:83px;
margin:0 15px 0 0;
}
.articles .item .visuel span{
position:absolute;
right:0px;
top:20px;
display:block;
background:url(../../style/commun/fleche.gif) no-repeat;
width:4px;
height:7px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
.articles .item .infos{
margin:0 0 4px 0;
overflow:hidden;
zoom:1;
}
.articles .item .infos h4,
.articles .item .infos p{
float:left;
font-size:10px;
color:#8d8d8d;
line-height:13px;
margin:0 5px 0 0;
}
.articles .item.hover .infos p{
color:#093c5a;
}
.articles .item .infos p.com{
background:url(../../style/commun/pictos/com.png) no-repeat left top;
padding:0 0 0 15px;
}
.articles .item.hover .infos p.com{
background:url(../../style/commun/pictos/com.png) no-repeat left bottom;
}
.articles .item .infos p a{
color:#8d8d8d;
text-decoration:none;
}
.articles .item.hover .infos p a{
color:#093c5a;
}
.articles .item .texte h2{
margin:0 0 4px 0;
}
.articles .item .texte a{
font-size:12px;
color:#252525;
text-decoration:none;
}
.articles .item.hover p{
text-align:justify;
color:#fff;
}
.articles .item.hover a{
color:#fff;
}
.articles .lien_tous{
padding:12px 9px 0 0;
}

/* COMBO */
.combo{
position:relative;
z-index:100;
float:left;
width:89px;
}
.combo .selected{
outline:none;
display:block;
background:url(../../style/commun/combo1.png) no-repeat left top;
height:20px;
line-height:20px;
font-size:11px;
color:#1286cc;
text-decoration:none;
padding:0 11px 0 8px;
}
.combo .selected:hover{
background:url(../../style/commun/combo1.png) no-repeat -89px top;
color:#fff;
}
.combo .f{
display:none;
position:absolute;
top:0;
left:0;
width:89px;
background:url(../../style/commun/combo1.png) no-repeat -267px bottom;
padding:0 0 4px 0;
}
.combo .f ul{
width:70px;
padding:0 11px 0 8px;
background:#2992d1 url(../../style/commun/combo1.png) no-repeat -178px top;
}
.combo .f ul a{
display:block;
height:20px;
line-height:20px;
font-size:11px;
color:#fff;
text-decoration:none;
}
.combo .f ul a:hover{
color:#052f41;
}

/* NOUVEAUTE V2 */
.nouveautev2{
margin:0 0 20px 0;
}
.nouveautev2 h3{
margin:0;
}
.nouveautev2 h3 img{
display:block;
}
.nouveautev2 .f{
margin:10px 0 10px 0;
overflow:hidden;
zoom:1;
}
.nouveautev2 .visuel{
float:left;
}
.nouveautev2 .t{
position:relative;
float:right;
background:url(../../style/commun/f_degrade3.png) repeat-x bottom;
width:91px;
height:81px;
border:1px solid #e5e5e5;
border-left:0;
padding:12px;
padding:5px 1px 1px 7px;
}
.nouveautev2 .v{
position:relative;
float:right;
background:url(../../style/commun/f_degrade4.png) no-repeat bottom;
width:92px;
height:83px;
border:0;
padding:5px 1px 1px 7px;
}
.nouveautev2 h2 a{
font-size:12px;
color:#252525;
text-decoration:none;
}
.nouveautev2 p{
font-size:11px;
color:#6f6f6f;
}
.nouveautev2 ul{
position:absolute;
bottom:2px;
left:12px;
overflow:hidden;
zoom:1;
}
.nouveautev2 li a,
.nouveautev2 li{
font-size:10px;
color:#8d8b8b;
padding:0 0 0 9px;
text-decoration:none;
}
.nouveautev2 li a:hover{
color:#252525;
}
.nouveautev2 li.amour{
background:url(../../style/commun/pictos/amour.gif) no-repeat left center;
}
.nouveautev2 li.haine{
background:url(../../style/commun/pictos/haine.gif) no-repeat left center;
}
.nouveautev2 .player{
clear:both;
}

/* TOP */
.top{
margin:0 0 20px 0;
}
.top .t{
margin:0 0 10px 0;
}
.top .t h3{
float:left;
padding:2px 8px 0 0;
}
.top ul.liste{
margin:0 0 12px 0;
}
.top ul.liste li{
cursor:pointer;
height:24px;
background:url(../../style/commun/pictos/top.png) no-repeat;
padding:10px 10px 10px 44px;
overflow:hidden;
zoom:1;
}
.top ul.liste li h2 a{
color:#252525;
text-decoration:none;
}
.top ul.liste li p a{
font-size:11px;
color:#8d8b8b;
text-decoration:none;
}
.top ul.liste li.on h2 a{
color:#fff;
}
.top ul.liste li.on p a{
color:#252525;
}
.top ul.liste li.top1{
background-position:0 0;
}
.top ul.liste li.top2{
background-position:0 -44px;
}
.top ul.liste li.top3{
background-position:0 -88px;
}
.top ul.liste li.top4{
background-position:0 -132px;
}
.top ul.liste li.top5{
background-position:0 -176px;
}
.top ul.liste li.top1on{
background-position:0 -220px;
}
.top ul.liste li.top2on{
background-position:0 -264px;
}
.top ul.liste li.top3on{
background-position:0 -308px;
}
.top ul.liste li.top4on{
background-position:0 -352px;
}
.top ul.liste li.top5on{
background-position:0 -396px;
}

/* CONCERTS */
.concerts{
height:292px;
margin:18px 0 20px 0;
}
.concerts .t{
margin:0 0 30px 0;
}
.concerts .t h3{
float:left;
padding:2px 8px 0 0;
}
.concerts ul.liste{
border-top:1px solid #e5e5e5;
margin:0 0 12px 0;
}
.concerts ul.liste li{
cursor:pointer;
height:9px;
background:url(../../style/commun/f_concert2.png) no-repeat left top;
border:1px solid #e5e5e5;
border-left:0;
border-top:0;
padding:7px 10px 10px 22px;
overflow:hidden;
zoom:1;
}
.concerts ul.liste li.on{
background:url(../../style/commun/f_concert2.png) no-repeat left bottom;
}
.concerts ul.liste li h2{
color:#252525;
}
.concerts ul.liste li p a{
font-size:11px;
color:#8d8b8b;
text-decoration:none;
}
.concerts ul.liste li.on h2{
color:#fff;
}

/* SONDAGE */
.sondage{
margin:22px 0 20px 0;
}
.sondage .f{
background:url(../../style/commun/f_sondage.png) no-repeat;
height:115px;
margin:0 0 12px 0;
}
.sondage .t{
padding:13px 15px;
overflow:hidden;
zoom:1;
}
.sondage .t h3{
float:left;
}
.sondage .t p{
float:right;
font-size:11px;
color:#073547;
}
.sondage form,
.sondage .resultats{
padding:0 15px;
overflow:hidden;
zoom:1;
}
.sondage .intitule{
color:#fff;
padding:0 15px;
margin:0 0 10px 0;
}
.sondage form .ligne{
overflow:hidden;
zoom:1;
}
.sondage form input{
position:absolute;
left:-9999px;
}
.sondage form label{
float:left;
height:21px;
line-height:21px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
margin:0 10px 0 0;
}
.sondage form label.oui{
background:url(../../style/fr/bt/sondage.png) no-repeat left top;
width:48px;
}
.sondage form label.ouion{
background:url(../../style/fr/bt/sondage.png) no-repeat left bottom;
width:48px;
}
.sondage form label.non{
background:url(../../style/fr/bt/sondage.png) no-repeat right top;
width:50px;
}
.sondage form label.nonon{
background:url(../../style/fr/bt/sondage.png) no-repeat right bottom;
width:50px;
}
.sondage .resultat{
overflow:hidden;
zoom:1;
}
.sondage .resultat .ligne{
float:left;
width:120px;
margin:0 10px 0 0;
overflow:hidden;
zoom:1;
}
.sondage .resultat .ligne h5{
float:left;
font-size:11px;
color:#fff;
padding:0 8px 0 0;
}
.sondage .barre{
padding:5px 0 0 0;
overflow:hidden;
zoom:1;
}
.sondage .contour{
float:left;
background:#08384b;
height:6px;
overflow:hidden;
zoom:1;
}
.sondage .contour span{
display:block;
background:url(../../style/commun/barre.gif) repeat-x;
color:#fff;
width:0px;
height:6px;
zoom:1;
}
.sondage .pourcent{
float:left;
width:120px;
margin:4px 10px 0 0;
overflow:hidden;
zoom:1;
}
.sondage .pourcent h6{
float:left;
font-size:9px;
color:#fff;
padding:0 0 0 62px;
}

/* INTERVIEWS V2 */
.ss_itwv2{
clear:both;
}
.ss_itwv2 .t{
margin:0 0 10px 0;
overflow:hidden;
zoom:1;
}
.ss_itwv2 .t h3{
float:left;
padding:2px 0 0 0;
margin:0 10px 0 0;
}
.ss_itwv2 .t h3 img{
display:block;
}
.ss_itwv2 .position_ss_itwv2{
float:left;
background:url(../../style/commun/f_ss2.png) no-repeat;
width:54px;
height:13px;
line-height:13px;
padding:6px 0 0 9px;
overflow:hidden;
zoom:1;
}
.ss_itwv2 .position_ss_itwv2 a{
outline:none;
float:left;
background:url(../../style/commun/ss2.png) no-repeat left top;
width:9px;
height:10px;
line-height:10px;
text-indent:-9999px;
margin:0 4px 0 0;
overflow:hidden;
zoom:1;
}
.ss_itwv2 .position_ss_itwv2 a.on,
.ss_itwv2 .position_ss_itwv2 a:hover{
background-position:left bottom;
}
.ss_itwv2 .jcarousel-clip-horizontal{
width:194px;
}
#ss_itwv2 li{
position:relative;
width:194px;
padding:0 0 12px 0;
overflow:hidden;
zoom:1;
}
#ss_itwv2 li .visuel{
position:relative;
width:194px;
height:83px;
margin:0 15px 10px 0;
overflow:hidden;
zoom:1;
}
#ss_itwv2 li .visuel a{
display:block;
width:194px;
height:83px;
overflow:hidden;
zoom:1;
}
#ss_itwv2 li .visuel span{
position:absolute;
right:0px;
top:20px;
display:block;
background:url(../../style/commun/fleche.gif) no-repeat;
width:4px;
height:7px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
#ss_itwv2 li .texte{
width:191px;
padding:0 3px 10px 0;
margin:0;
border-bottom:1px solid #e5e5e5;
}
#ss_itwv2 li .texte h2{
font-size:13px;
margin:0 0 8px 0;
}
#ss_itwv2 li .texte a{
color:#252525;
text-decoration:none;
}
#ss_itwv2 li .texte p a{
color:#656565;
}
#ss_itwv2 li .texte p{
text-align:justify;
}
#ss_itwv2 li.hover .texte a{
color:#1286cc;
}
.ss_itwv2 .lien_tous{
padding:0;
}

/* CLIPS */
.clips{
margin:0 0 20px 0;
}
.clips .t{
z-index:100;
margin:0 0 10px 0;
}
.clips .t h3{
float:left;
padding:2px 8px 0 0;
}
.clips ul.liste{
z-index:1;
overflow:hidden;
zoom:1;
}
.clips ul.liste li{
float:left;
width:94px;
margin:0 9px 9px 0;
}
.clips ul.liste li.last{
margin:0 0 9px 0;
}
.clips ul.liste li .visuel{
position:relative;
background:#000;
width:94px;
height:67px;
margin:0 0 5px 0;
z-index:1;
}
.clips ul.liste li .visuel img{
position:absolute;
}
.clips ul.liste li .visuel a{
display:block;
position:absolute;
top:0;
left:0;
width:94px;
height:67px;
background:url(../../style/commun/lecture.png) no-repeat center center;
text-indent:-9999px;
overflow:hidden;
zoom:1
}
.clips ul.liste li h2 a{
font-size:12px;
color:#252525;
text-decoration:none;
}
.clips ul.liste li p{
font-size:11px;
color:#8d8b8b;
}
.clips ul.liste li.hover h2 a,
.clips ul.liste li.hover p{
color:#1286cc;
}
.clips .lien_tous{
border-top:1px solid #e5e5e5;
padding:12px 0 0 0;
}

/* NEWSLETTER */
.newsletter{
margin:0 0 20px 0;
}
.newsletter h3{
margin:0 0 10px 0;
}
.newsletter h3 img{
display:block;
}
.newsletter form{
background:url(../../style/commun/f_newsletter.png) no-repeat;
height:67px;
padding:15px 20px;
}
.newsletter form label{
display:block;
font-size:12px;
color:#fff;
margin:0 0 8px 0;
}
.newsletter form .ligne{
overflow:hidden;
zoom:1;
}
.newsletter form .ligne input{
float:right;
}
.newsletter form .ligne .focusInput{
float:left;
width:213px;
border:0;
line-height:28px;
height:28px;
padding:0 5px;
}

/* POP */
.pop{
position:relative;
width:300px;
height:381px;
background:#FFFFFF url(../../style/commun/box/pchpop2.jpg) repeat-x bottom;
padding:20px 0 0 0;
overflow:hidden;
}
.pop .breves{
float:left;
width:270px;
margin:5px 0 0 15px;
}
.pop .photo{
float:left;
margin: 4px 7px 10px 0;
}
.pop .lien_tous{
padding:5px 0 0 0;
}
.pop .breves h2 a{
font-size:12px;
color:#b31e88;
text-decoration:none;
margin:0 0 6px 0;
}
.pop .breves h2 a:hover{
color:#1e0441;
}
.pop .breves .texte2{
font-size:11px;
color:#252525;
margin:3px 0 0 0;
}
.pop .breves .clear{
clear:both;
margin: 6px 0 6px 0;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #1e0441;
}

/* WEEKEND + GALERIES */
.weekend,
.galeries{
margin:0 0 20px 0;
}
.weekend h3,
.galeries h3{
margin:0 0 10px 0;
}
.weekend h3 img,
.galeries h3 img{
display:block;
}
.weekend .f{
background:url(../../style/commun/f_degrade.png) repeat-x bottom;
border:1px solid #e5e5e5;
padding:14px;
margin:0 0 12px 0;
overflow:hidden;
zoom:1;
}
.galeries .f{
background:#000000 url(../../style/commun/f_degrade2.png) repeat-x top;
padding:10px 10px 10px 15px;
overflow:hidden;
zoom:1;
}
.weekend .f .visuel,
.galeries .f .visuel{
float:left;
}
.weekend .f .texte,
.galeries .f .texte{
float:right;
width:162px;
}
.galeries .f .texte{
width:162px;
height:106px;
padding:5px 0 0 0;
}
.weekend .f h2 a,
.galeries .f h2 a{
font-size:12px;
color:#252525;
text-decoration:none;
}
.galeries .f h2 a{
color:#fff;
}
.galeries .f.hover h2 a,
.galeries .f h2 a:hover{
color:#656565;
}
.weekend .f.hover h2 a,
.weekend .f h2 a:hover{
color:#1286cc;
}
.weekend .f p,
.galeries .f p{
font-size:11px;
color:#8d8b8b;
margin:2px 0 5px 0;
}
.weekend .f p.description{
font-size:12px;
color:#656565;
}
.weekend .f a.ecouter,
.galeries .f a.regarder{
display:block;
background:url(../../style/commun/pictos/ecouter.png) no-repeat left top;
height:20px;
line-height:20px;
font-size:12px;
font-weight:bold;
color:#252525;
text-decoration:none;
padding:0 0 0 20px;
}
.galeries .f a.regarder{
background:url(../../style/commun/puces/2.gif) no-repeat left center;
color:#fff;
padding:0 0 0 10px;
}
.galeries .f a.regarder:hover,
.galeries .f.hover a.regarder{
color:#656565;
}
.weekend .f a.ecouter:hover,
.weekend .f.hover a.ecouter{
background:url(../../style/commun/pictos/ecouter.png) no-repeat left bottom;
color:#1286cc;
}
.marggal{ margin: 3px 0 0 0; }
.a_ecouter ul.liste{
z-index:1;
overflow:hidden;
zoom:1;
}
.galeries ul.liste li{
position:relative;
float:left;
width:60px;
height:60px;
margin:0 7px 7px 0;
}
.galeries ul.liste li.last{
margin:0 0 7px 0;
}
.galeries ul.liste li .infos{
display:none;
position:absolute;
background:#252525 url(../../style/commun/fleche.gif) no-repeat -5px 12px;
top:0px;
width:106px;
height:40px;
padding:10px 14px;
z-index:200;
overflow:hidden;
zoom:1;
}
.galeries ul.liste li .infos.g{
left:60px;
}
.galeries ul.liste li .infos.d{
right:60px;
background:#252525 url(../../style/commun/fleche.gif) no-repeat 131px 12px;
text-align:right;
}
.galeries ul.liste li .infos h2 a{
font-size: 10px;
color:#fff;
}
.galeries ul.liste li .infos a:hover{
color:#656565;
}
.galeries .lien_tous{
border-top:1px solid #e5e5e5;
padding:12px 0 0 0;
}

/* FORUMS */
.forums{
margin:10px 0 10px 0;
}
.forums .t{
margin:0 0 10px 0;
}
.forums .t h3{
float:left;
padding:2px 8px 0 0;
}
.forums ul.liste{
border-top:1px solid #e5e5e5;
margin:0 0 12px 0;
}
.forums ul.liste li{
cursor:pointer;
height:23px;
background:url(../../style/commun/f_forums.png) no-repeat left top;
border:1px solid #e5e5e5;
border-left:0;
border-top:0;
padding:10px 10px 10px 22px;
overflow:hidden;
zoom:1;
}
.forums ul.liste li.on{
background:url(../../style/commun/f_forums.png) no-repeat left bottom;
}
.forums ul.liste li h2 a{
color:#252525;
text-decoration:none;
}
.forums ul.liste li p{
font-size:11px;
color:#8d8b8b;
}
.forums ul.liste li.on h2 a{
color:#fff;
}

/* ARTISTES */
.artistes{
margin:20px 0 10px 0;
}
.artistes .t{
margin:0 0 10px 0;
}
.artistes .t h3{
float:left;
padding:2px 8px 0 0;
}
.artistes ul.liste{
margin:0 0 12px 0;
}
.artistes ul.liste li .visuel{
position:relative;
width:52px;
height:43px;
margin:0 10px 0 0;
float:left;
}
.artistes ul.liste li{
cursor:pointer;
height:43px;
background:url(../../style/commun/f_artistes.png) no-repeat left top;
border:1px solid #e5e5e5;
border-left:0;
border-bottom:0;
padding:0;
overflow:hidden;
zoom:1;
}
.artistes ul.liste li.on{
background:#202020;
}
.artistes ul.liste li h2 a{
margin-top: 10px;
color:#252525;
text-decoration:none;
}
.artistes ul.liste li.on h2 a{
color:#fff;
}
.artistes .liens {
font-size:12px;
color:#8d8d8d;
}
.artistes .liens a{
color:#8d8d8d;
text-decoration:underline;
}
.artistes .liens a:hover{
text-decoration:none;
}
.margtop14 {
margin-top:14px;
}