html,button,input,select,textarea{color:#222}
body{font-size:1em;line-height:1.4}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}
.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:100%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none}
@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
.node a,a:visited{text-decoration:underline;color:#00E1FF; font-weight:bold;}
.node a:hover{text-decoration:none;color:#00E1FF; font-weight:bold;}
.ss-icon,.ss-icon.ss-social,.ss-icon.ss-social-circle,[class^=ss-]:before,[class*=" ss-"]:before,[class^=ss-][class*=" ss-social"]:before,[class*=" ss-"][class*=" ss-social"]:before,[class^=ss-].right:after,[class*=" ss-"].right:after,[class^=ss-][class*=" ss-social"].right:after,[class*=" ss-"][class*=" ss-social"].right:after{font-family:SSSocial;font-style:normal;font-weight:400;text-decoration:none;text-rendering:optimizeLegibility;white-space:nowrap;-webkit-font-feature-settings:liga;-moz-font-feature-settings:liga;-ms-font-feature-settings:liga 1;-o-font-feature-settings:liga;font-feature-settings:liga;-webkit-font-smoothing:antialiased}
.ss-icon.ss-social-circle,[class^=ss-].ss-social-circle:before,[class*=" ss-"].ss-social-circle:before,[class^=ss-].ss-social-circle.right:after,[class*=" ss-"].ss-social-circle.right:after{font-weight:700}
[class^=ss-].right:before,[class^=ss-][class*=" ss-social"].right:before{display:none;content:''}
.ss-facebook:before,.ss-facebook.right:after{content:'�'}
.ss-twitter:before,.ss-twitter.right:after{content:''}
.ss-linkedin:before,.ss-linkedin.right:after{content:''}
.ss-googleplus:before,.ss-googleplus.right:after{content:''}
.ss-tumblr:before,.ss-tumblr.right:after{content:'ï˜ '}
.ss-wordpress:before,.ss-wordpress.right:after{content:''}
.ss-blogger:before,.ss-blogger.right:after{content:''}
.ss-posterous:before,.ss-posterous.right:after{content:''}
.ss-youtube:before,.ss-youtube.right:after{content:''}
.ss-vimeo:before,.ss-vimeo.right:after{content:''}
.ss-flickr:before,.ss-flickr.right:after{content:''}
.ss-instagram:before,.ss-instagram.right:after{content:'�'}
.ss-pinterest:before,.ss-pinterest.right:after{content:'�'}
.ss-dribbble:before,.ss-dribbble.right:after{content:'ï™ '}
.ss-behance:before,.ss-behance.right:after{content:''}
.ss-github:before,.ss-github.right:after{content:'ï™°'}
.ss-octocat:before,.ss-octocat.right:after{content:'ï™±'}
.ss-paypal:before,.ss-paypal.right:after{content:''}
.ss-foursquare:before,.ss-foursquare.right:after{content:'�'}
.ss-skype:before,.ss-skype.right:after{content:'ïš '}
.ss-rdio:before,.ss-rdio.right:after{content:'ïš°'}
.ss-spotify:before,.ss-spotify.right:after{content:'ïš±'}
.ss-lastfm:before,.ss-lastfm.right:after{content:'ïš²'}
.ss-mail:before,.ss-mail.right:after{content:'✉'}
.ss-like:before,.ss-like.right:after{content:'�'}
.ss-rss:before,.ss-rss.right:after{content:'�'}

/* FONTFACE */
@charset "UTF-8";
@font-face {
  font-family: "SSSocial";
  src: url('../../../../../sites/all/themes/dumdum/css/fonts/ss-social-circle.eot');
  src: url('../../../../../sites/all/themes/dumdum/css/fonts/ss-social-circle.eot') format('embedded-opentype'),
       url('../../../../../sites/all/themes/dumdum/css/fonts/ss-social-circle.woff') format('woff'),
       url('../../../../../sites/all/themes/dumdum/css/fonts/ss-social-circle.ttf') format('truetype'),
       url('../../../../../sites/all/themes/dumdum/css/fonts/ss-social-circle.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
    font-family: 'din_mittelschrift_stdregular';
    src: url('../../../../../sites/all/themes/dumdum/css/fonts/dinmittelschriftstd-webfont.eot');
    src: url('../../../../../sites/all/themes/dumdum/css/fonts/dinmittelschriftstd-webfont.eot') format('embedded-opentype'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/dinmittelschriftstd-webfont.woff') format('woff'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/dinmittelschriftstd-webfont.ttf') format('truetype'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/dinmittelschriftstd-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: "SSSocial";
  src: url('../../../../../sites/all/themes/dumdum/css/fonts/ss-social-regular.eot');
  src: url('../../../../../sites/all/themes/dumdum/css/fonts/ss-social-regular.eot') format('embedded-opentype'),
       url('../../../../../sites/all/themes/dumdum/css/fonts/ss-social-regular.woff') format('woff'),
       url('../../../../../sites/all/themes/dumdum/css/fonts/ss-social-regular.ttf') format('truetype'),
       url('../../../../../sites/all/themes/dumdum/css/fonts/ss-social-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'din_engschrift_stdregular';
    src: url('../../../../../sites/all/themes/dumdum/css/fonts/dinengschriftstd-webfont.eot');
    src: url('../../../../../sites/all/themes/dumdum/css/fonts/dinengschriftstd-webfont.eot') format('embedded-opentype'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/dinengschriftstd-webfont.woff') format('woff'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/dinengschriftstd-webfont.ttf') format('truetype'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/dinengschriftstd-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'din_alternatebold';
    src: url('../../../../../sites/all/themes/dumdum/css/fonts/dinalternate-bold-webfont.eot');
    src: url('../../../../../sites/all/themes/dumdum/css/fonts/dinalternate-bold-webfont.eot') format('embedded-opentype'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/dinalternate-bold-webfont.woff') format('woff'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/dinalternate-bold-webfont.ttf') format('truetype'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/dinalternate-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_lightregular';
    src: url('../../../../../sites/all/themes/dumdum/css/fonts/din-light-webfont.eot');
    src: url('../../../../../sites/all/themes/dumdum/css/fonts/din-light-webfont.eot') format('embedded-opentype'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/din-light-webfont.woff') format('woff'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/din-light-webfont.ttf') format('truetype'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/din-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dinregular';
    src: url('../../../../../sites/all/themes/dumdum/css/fonts/ff_din_medium-webfont.eot');
    src: url('../../../../../sites/all/themes/dumdum/css/fonts/ff_din_medium-webfont.eot') format('embedded-opentype'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/ff_din_medium-webfont.woff') format('woff'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/ff_din_medium-webfont.ttf') format('truetype'),
         url('../../../../../sites/all/themes/dumdum/css/fonts/ff_din_medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{height:100%;width:100%}

body{background:#f5f5f5;/*cursor: url('../../../../../sites/all/themes/dumdum/images/crosshair.png') 4 12, crosshair;*/overflow-x:hidden}
.trame{background:url(../../../../../sites/all/themes/dumdum/images/trame.png)repeat;height:100%;width:100%;position:absolute}
.trame a{height:700px;}
.page-albums .trame a, .page-magazine .trame a{height:750px;}
.page-tv .trame a{height:690px;}
.page-play .trame a{height:509px;}
.page-user .trame a{height:257px;}
.html  #top-images{top:0;left:0;position:absolute;width:100%;height:520px;;background:url(../../../../../sites/all/themes/dumdum/images/bg2.jpg)no-repeat;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}
#user-login{position:relative}
.page-albums #top-images{position:absolute;width:100%;height:750px;background:url(../../../../../sites/all/themes/dumdum/images/bg2.jpg)no-repeat;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page-tv #top-images{position:absolute;width:100%;height:690px;background:url(../../../../../sites/all/themes/dumdum/images/bg2.jpg)no-repeat;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page-magazine #top-images{position:absolute;width:100%;height:750px;background:url(../../../../../sites/all/themes/dumdum/images/bg2.jpg)no-repeat;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page-play #top-images{position:absolute;width:100%;height:509px;background:url(../../../../../sites/all/themes/dumdum/images/bg2.jpg)no-repeat;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}

.page-albums.toolbar #top-images{ height:750px; }
.page-tv.toolbar #top-images{ height:690px; }
.page-magazine.toolbar #top-images{ height:750px; }
.page-play.toolbar #top-images{ height:509px; }

#main{width:960px;margin:0 auto 0 auto;}
.front #main,.page-node #main{position:inherit}
.front #main .view .view-content {margin-top: 10px;}
.page-node #top-images{top:0;left:0;position:absolute;width:100%;height: 675px;background:url(../../../../../sites/all/themes/dumdum/images/bg2.jpg)no-repeat;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}

.node-type-avant-premiere #top-images{height:580px;}
.node-type-chroniques #top-images{height:580px;}
.front #top-images{position:absolute;width:100%;height:700px;background:url(../../../../../sites/all/themes/dumdum/images/bg2.jpg)no-repeat;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page-user #top-images{position:absolute;z-index:401;width:100%;height:259px;background:url(../../../../../sites/all/themes/dumdum/images/bg2.jpg)no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}
.page-user.toolbar #top-images { height:259px; }
.page-user.toolbar #top-images{ top:0px; }
/* HEADER */
header{border-top:1px solid #333333;height:161px;width:100%;position: relative;padding-top: 50px;}
.page-user header, .node-type-compilation header{ height:208px; }
.toolbar header{padding-top:113px;}
header .content-header{width: 960px;margin: 0 auto;position:relative; height:161px;z-index:402;}
header #logo{float:left;background:url(../../../../../sites/all/themes/dumdum/images/logo.png)no-repeat center center;height:61px;width:301px;margin:19px 0 0 0}
header #logo a{display:block;width:100%;height:100%}

.search-form{
  margin-bottom:0px;
}

header #logo h1{text-indent:-9999px;margin:0}
header #register{float:left;margin: 48px 0 0 35px;}
header #register a{text-transform:uppercase;float: left;padding:0 10px;color:#00e1ff;font-family:din_alternatebold;font-size:12px;text-decoration:none}
header #register a:nth-child(2n+1){display:block;border-right:2px solid #888a8c}
 #menu{margin-top:15px;clear:both;width: 618px;float:left;background:#111111;height:33px;}
 #menu ul{padding:0;margin:0;height:32px;display:block}
 #menu ul li{margin:0;list-style:none;float:left;display:block;height:30px}
 #menu ul li a{line-height: 33px;text-align:center;padding:0 19px;color:#fff;font-size:20px;font-family:din_engschrift_stdregular;text-transform:uppercase;text-decoration:none;display:block;height:100%}
 #menu ul li a:hover{border-bottom:3px solid #00e1ff}
 #menu ul li a.active{border-bottom:3px solid #00e1ff}
header #search{float:right;margin:15px 0 0 5px;height:33px;width:auto;}
header #search #diez{background:#111111;border-left:1px solid #0c0c0c;height:100%;width:34px;float:right;}
header #search #diez a{display:block;background:url(../../../../../sites/all/themes/dumdum/images/diez.png)no-repeat 10px;width:100%;display:block;height:100%}
header #search #searching{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;overflow:hidden;width:34px;height:100%;float:right;background:url(../../../../../sites/all/themes/dumdum/images/search.png)no-repeat 10px 10px #111111;border-right:1px solid #151515}
header #search #searching.current{width:295px;}
header #search #searching input{display: block;border: none;margin: 0 0 0 35px;width: 255px;height: 30px;color:#b2b2b2;background: transparent;font-size: 12px;font-family: georgia;}
header #search #searching input:focus{border:none;outline:none}
header #search span.separate{width:1px;display:block;float:right;background:#1b1b1b;height:100%}
header #tags{overflow:hidden;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;background:url(../../../../../sites/all/themes/dumdum/images/bg_tags.png)repeat-x #111111;width:0;z-index:10;height:2px;position:absolute;top:132px;right:0}
header #tags.current{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;width:960px;height:451px;}
header #ss-header{margin-top:0px;}
header #clone-header{position: fixed!important;top: -15px;width: 100%;z-index: 1200;}
/* FOOTER */
footer{clear: both;height:340px;width:100%;margin-top:60px;background:#222222}
footer #foot .contact a{text-decoration:none}
footer #foot{width:960px;margin:0 auto;height:100%}
footer #foot .side{height:200px;margin:25px 0;float:left}
footer #foot .contact{margin-right: 20px;width:148px}
footer #foot .contact img{display:block;width:132px;height:28px}
footer #foot .contact h3{margin-top: 30px!important;}
footer #foot .contact p{font-family:din_alternatebold;font-size:12px;color:#fff}
footer #foot .albums,footer #foot .magazines,footer #foot .tracks{width:140px;margin-right:20px}
footer #foot .newsletter{width:305px}
footer #foot .side h3{font-weight:normal;color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:18px;border-bottom:1px solid #b2b2b2;padding:0 0 15px 0;margin: 0 0 10px 0;}
footer #foot .newsletter h3{color:#fff}
footer #foot .side ul{list-style:none;padding:0;margin:0}
footer #foot .side ul li{float:left;display:block;clear: both;}
footer #foot .side ul li a{-webkit-transition: color .2s ease-in;-moz-transition: color .2s ease-in;-o-transition: color .2s ease-in;transition: color .2s ease-in;text-transform: capitalize;text-decoration:none;font-weight:normal;color:#b2b2b2;font-family:din_lightregular;text-transform:normal;font-size:16px}
footer #foot .side ul li a:hover{color:#fff}
footer #foot .side h3 a{-webkit-transition: color .2s ease-in;-moz-transition: color .2s ease-in;-o-transition: color .2s ease-in;transition: color .2s ease-in;text-decoration:none;color:#b2b2b2;}
footer #foot .side h3 a:hover{color:#fff}
footer #foot p.copyright{font-weight:normal;color:#b2b2b2;font-family:din_engschrift_stdregular;font-size:14px;}

.page-node footer{margin:0}
/* HOME ALBUMS */
#main #albums{height:367px;position: relative;}
#main .side h3{margin:0 0 20px 0;padding:0 0 0 10px;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#b8c2cc;font-weight:normal;border-bottom:1px solid #4d4d4d;line-height:26px}
#main #albums .content{height:320px}
.page-albums #albums .content{height:370px!important}

#main #albums .content .left{width:570px;float:left;background:#fff;height:100%;overflow:hidden;position:relative}
#main #albums .content .left .view{display:none;width:100%;height:320px;top:0;position:absolute;}
#main #albums .content .left .view:last-child{display:block}
.front #main #albums .content .left img{float:left;display:block;width:300px;height:300px;margin:10px}
.front #main #albums .content .left .text{width:240px;float:left;margin:10px 0 0 10px;height:300px;overflow:hidden}
.front #main #albums .content .left .text span.icon{display:block;width:25px;height:25px;float:left;background:url(../../../../../sites/all/themes/dumdum/images/chroniques.png)no-repeat}
.front #main #albums .content .left .text p.title{line-height:28px;display:block;float:left;margin:0 0 0 10px;color:#33d6ff;font-family:din_engschrift_stdregular;font-size:14px;text-transform:uppercase}
.front #main #albums .content .left .text p.details{display:block;clear:both;margin:7px 0 0 0;font-family:din_engschrift_stdregular;font-size:24px;text-transform:uppercase;color:#cccccc; line-height:24px;}
.front #main #albums .content .left .text p.details span{color:#222222;display: block;}
.front #main #albums .content .left .text p.description{display:block;clear:both}
.front #main #albums .content .left .text p.description span{display:block}
.front #main #albums .content .left .text p.description span:nth-child(2){line-height:20px;color:#444444;font-family:Georgia;font-size:12px;clear:both;position: relative;top: 10px;
}.front #main #albums .content .left .text p.description span:nth-child(1){color:#222222;font-family:din_alternatebold;font-size:14px;margin-right: 10px;}
.front #main #albums .content .left .text p.description span.separate{width: 200px;margin-top: 10px;height:1px;background:#b2b2b2}

.front #main #albums .content .left .text p.description span:nth-child(2) a{color:#aaa;text-decoration:underline}

#main #albums .content .right ul{padding:0;margin:0;position: relative;top: -5px;}
#main #albums .content .right ul li{position:relative;padding:0;margin:0;list-style:none;overflow: hidden;}
#main #albums .content .right ul li.views-row-first .details{top:-5px;padding-bottom:20px;border-bottom:1px solid #b2b2b2}
#main #albums .content .right .text{width:300px;margin:10px 20px 0 20px}
#main #albums .content .right span.icon{margin: 10px 0 0 20px;display:block;width:25px;height:25px;float:left;background:url(../../../../../sites/all/themes/dumdum/images/chrotweet.png)no-repeat}
#main #albums .content .right p.title{margin: 10px 0 0 20px;line-height:28px;display:block;float:left;color:#33d6ff;font-family:din_engschrift_stdregular;font-size:14px;text-transform:uppercase}
#main #albums .content .right .text .details img{margin-top: 6px;clear:both;float:left;display:block;width: 65px;height: 65px;}
#main #albums .content .right .text .details{overflow:hidden;height:130px;width:100%;float:left;display:block;margin:10px 0 0 0;font-family:din_engschrift_stdregular;font-size:16px;text-transform:uppercase;color:#cccccc}

#main #albums .content .right .view-row.actif .text .details{border-bottom:1px solid #B2B2B2}
#main #albums .content .right .text .details.first{border-bottom:1px solid #b2b2b2;}
#main #albums .content .right .text .details span.title{color:#222222;margin-top: -5px;display: block;}
#main #albums .content .right .text .details span.desc{color:#444444;font-size:12px;display: block;text-transform:none;font-family:Georgia;margin-top: 5px;}
#main #albums .content .right .text .details .ss-details{width: 210px;float:left;display:block;margin:0 0 0 20px}
#main #albums .content .right .view{width: 100%;height: 130px;position:relative}
#main #albums .content .right .view:nth-child(2n){margin-top:35px}
#main #albums .content .center{width:40px;float:left;height:100%;margin:0 10px;background:#fff;}
#main #albums .content .center p{margin:0}
#main #albums .content .center a{cursor:pointer;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;text-decoration:none;text-align:center;display:block;width:100%;background:rgba(95,95,95,0.9);height:51px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#b2b2b2;font-size:25px}
#main #albums .content .center a.current{display: block;height:116px;background:#fff;color:#000;}
#main #albums .content .center span{display:block;height:100%;width:100%}
#main #albums .content .center span em{font-size:18px;clear:both;font-weight:normal;font-style:normal;display: block;margin-top: -10px;}
#main #albums .content .center span p{display: block;height:50px;}
#main #albums .content .center a.current span p{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s;padding-top:35px}
#main #albums .content .right{width:330px;float:left;height:100%;background:#fff;}
#main #albums-bottom{position: relative;margin-top:10px;height:100px;clear:both;border-top:1px solid #4d4d4d;}
#main #albums-bottom .container{height:90px;width:100%;margin-top:10px}
#main #albums-bottom .container .left{float:left;margin-right:10px;height:100%;background:#808080;width:220px}
#main #albums-bottom .container .right{float:left;height:100%;background:#808080;width:726px}
#main #albums-bottom .container .left p{margin: 0;}
#main #albums-bottom .container .right p{margin: 0;}

.front #main #albums .view-home-slider-chronique .view-row{display:none}
.front #main #albums .view-home-slider-chrotweet .view-row{display:none;overflow: hidden;position:relative}
.front #main #albums .view-home-slider-chrotweet .view-row .twitter-share-button{position: absolute;top: 106px;left: 20px;}
.view-home-slider-chrotweet .view-content span.note {position: absolute;top: 30px;right: 40px;font-size:16px;font-family: din_engschrift_stdregular;color: #222;}
.view-home-slider-chrotweet .view-content span.note em{
  font-style: normal;
}

.front #main #albums .view-home-slider-chronique .view-row:first-child{display:block}
.front #main #albums .view-home-slider-chrotweet .view-row:nth-child(1){display:block}
.front #main #albums .view-home-slider-chrotweet .view-row:nth-child(2){display:block}


/* HOME MAGAZINES */
.front #main #magazines{margin-top:43px;position: relative;}
.front #main #magazines h3{margin:0 0 20px 0;padding:0 0 0 10px;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#d9d9d9;font-weight:normal;border-bottom:1px solid #d9d9d9;line-height:26px}
.front #main #magazines #loading{display:none;background: url(../../../../../sites/all/themes/dumdum/images/loader.gif)no-repeat;width: 16px;height: 16px;margin: 0 auto;position: absolute;bottom: 45px;left: 50%;margin-left: -8px;z-index: 20;}
.front #main #magazines .content{position:relative;height:720px;width:100%;}
.front #main #magazines .content .view-row{display:none;overflow:hidden;position:relative;height:350px;width:320px;float:left;background:#f5f5f5;}
.front #main #magazines .content .view-row a{z-index: 10;display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.front #main #magazines .content .view-row .overlay span[data-icon]{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;-webkit-transform: translate3D(0, 0, 0);}
.front #main #magazines .content .view-row .overlay span[data-icon=Interviews]{display:block;height:30px;width:23px;background:url(../../../../../sites/all/themes/dumdum/images/icon-interview.png)no-repeat;margin: 7px auto 2px auto;}
.front #main #magazines .content .view-row .overlay span[data-icon=Clash]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-clash.png)no-repeat;}
.front #main #magazines .content .view-row .overlay span[data-icon*=Next]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-next.png)no-repeat;}
.front #main #magazines .content .view-row .overlay span[data-icon*=List]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-top.png)no-repeat;}
.front #main #magazines .content .view-row .overlay span.date{text-align:center;color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:26px;display:block;width: 30px;margin: 0 auto;line-height:18px;word-wrap: break-word;text-align: center;position:absolute;bottom:20px;bottom: 20px;left: 50%;margin-left: -15px;}
.front #main #magazines .content .view-row .overlay span.date em{text-align:center;font-style:normal;clear:both;display:block;line-height:14px;}
.front #main #magazines .content .view-row .overlay span.date em:nth-child(2){font-size:16px;line-height:22px;}
.front #main #magazines .content .view-row .overlay span.date em:nth-child(3){font-size:13px;line-height:8px;}
.front #main #magazines .content .overlay{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;height:180px;position:absolute;z-index:10;left:10px;width:40px;background:rgba(34,34,34,0.9)}
.front #main #magazines .content .view-row .overlay span.type{color:#33d6ff;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;display:block;width: 34px;margin: 0 auto;line-height:15px;word-wrap: break-word;text-align: center;}
.front #main #magazines .content .image{position:relative;width:100%;height:180px;background:#aaa}
.front #main #magazines .content .image img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;top:0;position:absolute;display:block;width:100%;height:100%;}
.front #main #magazines .content .bottom .text{padding-bottom: 10px;}
.front #main #magazines .content .text{z-index:120;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;position:relative;left:0;border-left:1px solid #e3e3e6;width:300px;height:200px;margin:0;padding-right:19px;border-right:1px solid #e3e3e6;}
.front #main #magazines .content .text span{display:block;margin:0 0 0 10px;font-size:17px;font-family:din_alternatebold;color:#222222;padding-top:7px}
.front #main #magazines .content .text p{display:block;margin:0 0 0 10px;font-size:12px;font-family:Georgia;color:#505050;padding-top:5px}
.front #main .more-magazines{cursor:pointer;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;display:block;text-decoration:none;line-height: 28px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;left:50%;margin-left:-149px;text-align:center;position:absolute;bottom:1px;width:298px;height:27px;border:1px solid #e6e6e6;background:#fff;color:#aaa;font-size:14px;text-transform:uppercase;font-family:din_engschrift_stdregular;}
.front #main .more-magazines .arrow-down{position:absolute;right: 85px;top: 9px;display:block;width: 0; height: 0; border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #aaa;}
.front #main .more-magazines:hover{background:#222222;color:#808080;border:1px solid #222222;}
.front #main .more-magazines:hover .arrow-down{border-top: 7px solid #808080;}
.front #main #magazines .separate{z-index: 200;width:100%;background:#222222;height:10px;position:relative;bottom:30px}
.front #main #magazines .separate span{margin:0 auto;display:block;width:320px;height:100%;border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9;}
.front #main .more-magazines.nomore{background:#222222;color:#808080;border:1px solid #222222;}
.front #main .more-magazines.nomore .arrow-down{border-top: 7px solid #808080;}
/* hover effects */
.front #main #magazines .content .view-row.current .overlay{-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;left:30px}
/*.front #main #magazines .content .view.current span[data-icon]{-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);transform: scale(0.6);}*/
.front #main #magazines .content .view-row.current .image img{border-bottom: 10px solid #00E1FF;}
.front #main #magazines .content .view-row.current .text{background:#ffffff;margin-top:10px}

/* HOME DUMDUM-TV */
.front #main #dumdum-tv{overflow: hidden;height:252px;width:100%;position:absolute;left:0;margin-top:30px}
.front #main #dumdum-tv h3{margin:0 auto;width:960px;padding:0 0 0 10px;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#D9D9D9;font-weight:normal;border-bottom:1px solid #D9D9D9;line-height:26px}
.front #main #dumdum-tv #slider{width:100%;height:205px;margin-top:20px;background:#aaa;position:relative}
.front #main #dumdum-tv .jcarousel-prev{-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;cursor:pointer;width:160px;height:205px;background:rgba(34,34,34,0.7);position:absolute;bottom:0;z-index:300;left: -39px;}
.front #main #dumdum-tv .jcarousel-prev span{background:url(../../../../../sites/all/themes/dumdum/images/slider-prev.png)no-repeat;display: block;width: 9px;height: 17px;position: absolute;right: 10px;top: 50%;margin-top: -4.5px;}
.front #main #dumdum-tv .jcarousel-next{-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;cursor:pointer;width:160px;height:205px;background:rgba(34,34,34,0.7);position:absolute;bottom:0;z-index:300;right:-31px}
.front #main #dumdum-tv .jcarousel-next span{background:url(../../../../../sites/all/themes/dumdum/images/slider-next.png)no-repeat;display: block;width: 9px;height: 17px;position: absolute;left: 10px;top: 50%;margin-top: -4.5px;}
.front #main #dumdum-tv span.arrow{-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.front #main #dumdum-tv .jcarousel-prev:hover span{right:20px;}
.front #main #dumdum-tv .jcarousel-next:hover span{left:20px}
.front #main #dumdum-tv .jcarousel-next:hover,.front #main #dumdum-tv .jcarousel-prev:hover{background:rgba(34,34,34,0.8)}
.front #main #dumdum-tv #slider .slide .text .see{background:url(../../../../../sites/all/themes/dumdum/images/eyes.png)no-repeat;width: 20px;display: block;height: 10px;position:absolute;right:10px;bottom:10px}
.front #main #dumdum-tv #slider ul{height: 205px;width: 100%;padding: 0;margin:0;position:relative;}
.front #main #dumdum-tv #slider .slide{background: #444;height:205px;width:240px;float:left;position:relative;overflow:hidden}
.front #main #dumdum-tv #slider .slide a{opacity:0;background:url(../../../../../sites/all/themes/dumdum/images/hover-video2.png)no-repeat;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;text-decoration:none;z-index: 10;display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.front #main #dumdum-tv #slider .slide a:hover{opacity:1;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}

.front #main #dumdum-tv #slider .slide .image{height:135px;width:100%;position:relative;top:0}
.front #main #dumdum-tv #slider .slide .image img{height:135px;width:100%;display:block}
.front #main #dumdum-tv #slider .slide .text{z-index:20;background:url(../../../../../sites/all/themes/dumdum/images/eyes.png)no-repeat 210px bottom;padding:7px 0 0 10px;height:55px;width:229px;position:relative;bottom:0;border-right:1px solid #666666}
.front #main #dumdum-tv #slider .slide .text .artist{display:block;color:#b2b2b2;font-size:16px;font-family:din_engschrift_stdregular;text-transform:uppercase}
.front #main #dumdum-tv #slider .slide .text .title{line-height: 20px;display:block;color:#fff;font-size:24px;font-family:din_engschrift_stdregular;text-transform:uppercase}
.front #main .view-home-dumdum-tv,.front #main .view-home-dumdum-tv .view-content{position:relative;height:100%;width:100%}
/* HOME BLOGS */
.front #main #blogs{position:relative;margin-top:310px;height:440px;width:100%;}
.front #main #blogs h3{margin:0 auto;width:960px;padding:0 0 0 10px;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#D9D9D9;font-weight:normal;border-bottom:1px solid #D9D9D9;line-height:26px}
.front #main #blogs .article{margin-top:20px;height:380px; width:320px;float:left;border-bottom: 10px solid #222;}
.front #main #blogs .article .image{position:relative;width:320px;height:180px;background:#aaa}
.front #main #blogs .article .image img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; top:0;position:absolute;display:block;width:100%;height:100%;}
.front #main #blogs .article .image .overlay{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; position:absolute;z-index:10;margin-left:10px;width:40px;height:100%;background:rgba(34,34,34,0.9)}
.front #main #blogs .article .image .overlay span.date{text-align:center;color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:26px;display:block;width: 30px;margin: 0 auto;line-height:18px;word-wrap: break-word;text-align: center;position:absolute;bottom:20px;bottom: 20px;left: 50%;margin-left: -15px;}
.front #main #blogs .article .image .overlay span.date em{text-align:center;font-style:normal;clear:both;display:block;line-height:14px;}
.front #main #blogs .article .image .overlay span.date em:nth-child(2){font-size:16px;line-height:22px;}
.front #main #blogs .article .image .overlay span.date em:nth-child(3){font-size:13px;line-height:8px;}
.front #main #blogs .article .text{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; position:relative;left:-1px;border-left:1px solid #e3e3e6;height:190px;padding-bottom: 10px;margin-bottom: -10px;} 
.front #main #blogs .article .text span.title{display:block;margin:0 0 0 10px;font-size:17px;font-family:din_alternatebold;color:#222222;padding-top:10px}
.front #main #blogs .article .text p{display:block;margin:0 0 0 10px;font-size:12px;font-family:Georgia;color:#505050;padding-top:20px}
.front #main #blogs .article .text span.blogname{display:block;margin:0 0 0 10px;font-size:14px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#222222;padding-top:5px}
.front #main #blogs .others{width: 320px;float: left;height: 380px;overflow:hidden}
.front #main #blogs .others .details a {color:#222;text-decoration:none;}
.front #main #blogs .others .details a:hover {color:#000;text-decoration:underline}
.front #main #blogs .others .details > a > img{clear:both;float:left;display:block;width:60px;height:60px;}
.front #main #blogs .others .details{border-bottom:1px solid #b2b2b2;overflow:hidden;height:60px;width:300px;float:left;display:block;font-family:din_alternatebold;font-size:14px;color:#222222;padding:20px 0;margin-left:20px}
.front #main #blogs .others .details span.blogname{margin-top:8px;margin-left: 20px;color:#222222;float:left;font-size:14px;display: block;text-transform:uppercase;font-family:din_engschrift_stdregular}
.front #main #blogs .others .details span.date{margin-top:8px;color:#b2b2b2;float:right;font-size:14px;display: block;text-transform:uppercase;font-family:din_engschrift_stdregular}
.front #main #blogs .others .details span.ss-details{width: 220px;float:left;display:block;margin:0 0 0 20px;}
.front #main #blogs .others .details:nth-child(2n) > a > img{float:right;}
.front #main #blogs .others .details:nth-child(2n) span.blogname{margin-left:0px}
.front #main #blogs .others .details:nth-child(2n) span.date{margin-right: 20px;}
.front #main #blogs .others .details:nth-child(2n) span.ss-details{margin:0}
.front #main #blogs .more-details{background:#222;color:#808080;cursor:pointer;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;text-decoration:none;right:0;position:absolute;bottom: 0;line-height: 28px;border-radius:5px;text-align:center;width:298px;height:27px;border:1px solid #e6e6e6;font-size:14px;text-transform:uppercase;font-family:din_engschrift_stdregular;}
.front #main #blogs .more-details:hover{background:#00E1FF;color:#FFF;border:1px solid #00E1FF}
.front #main #magazines{margin-top:43px;position: relative;}

/* hover effects */


.front #main #blogs .article.current .image .overlay{-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;left:30px}
.front #main #blogs .article.current .image img{border-bottom: 10px solid #00E1FF;}
.front #main #blogs .article.current .text{background:#ffffff;margin-top:10px; height:190px;padding-bottom: 0px;margin-bottom: 0px;}


.front #main #tracks{position:relative;margin-top:30px;height:530px;width:100%;}
.front #main #tracks h3.title{margin:0 auto;width:960px;padding:0 0 0 10px;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#D9D9D9;font-weight:normal;border-bottom:1px solid #D9D9D9;line-height:26px}
.front #main #tracks .left{padding-top:10px;position:relative;width:640px;height:470px;background:#fff;margin-top:20px;float:left;border:1px solid #e6e6e6}
.front #main #tracks .left h3{font-weight: lighter;font-size:14px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#b2b2b2;margin: 0;position: absolute;right: 5px;margin-top: -5px;}
.front #main #tracks .left ul{margin:0;padding: 0 0 20px 0;overflow: hidden;}
.front #main #tracks .left ul li{margin:0;padding:0;list-style:none;position:relative;clear:both}
.front #main #tracks .left ul li:first-child .track-num{padding-top: 10px;}
.front #main #tracks .left ul li:first-child span.bar{top: -20px;display:block;width:550px;height:1px;background:#b2b2b2;position:absolute;left:10px;}
.front #main #tracks .more-details{left:50%;margin-left:-149px;position:absolute;bottom: 10px;line-height: 28px;border-radius:3px;text-align:center;width:298px;height:27px;display:block;text-decoration:none;font-size:14px;text-transform:uppercase;font-family:din_engschrift_stdregular;background: #fff;color: #aaa;border: 1px solid #ccc;cursor:pointer;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.front #main #tracks .more-details:hover{background: #222;color: gray;border: 1px solid #222;}
.front #main #tracks .more-details .eyes{width:20px;display:block;height:10px;background:url(../../../../../sites/all/themes/dumdum/images/eyes.png)no-repeat;position:absolute;right: 70px;top: 8px;}
.front #main #tracks .right{/*border:1px solid #e6e6e6;*/width:316px;/*background:#ebebeb;*/float:left;margin-top:20px;}
.front #main #tracks .right .pub-1 p,.front #main #tracks .right .pub-2 p{margin:0}
.front #main #tracks .left .track-year:nth-child(1){border-top:1px solid #b2b2b2;margin-top:10px}
.front #main #tracks .left .track-year{padding:5px 0;margin:0 10px 0 10px;width:620px;height:auto;border-bottom:1px solid #b2b2b2}
.front #main #tracks .left .track-num{position:relative;height:30px;width:100%;margin-top:20px}
.front #main #tracks .left .track-num a.play{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:transparent;border:1px solid #cccccc; border-radius:3px;display:block;width:30px;height:30px;float:left;margin:-5px 10px 0 10px}
.front #main #tracks .left .track-num a.play span{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;position: relative;top: 10px;left: 11px;border-left: 10px solid #666;border-bottom: 6px solid transparent;border-top: 6px solid transparent;}
.front #main #tracks .left .track-num span{line-height: 22px;display:block;float:left;font-family:din_alternatebold;font-size:14px;}
.front #main #tracks .track-num span.like{width:30px; height:25px;padding-top:5px;text-align:center;transition: all 0.2s ease 0s;cursor:pointer;float:right;margin:-5px 10px 0;}
 .track-num span.like{width:30px; height:25px;padding-top:5px;text-align:center;transition: all 0.2s ease 0s;cursor:pointer;float:right;margin:-5px 10px 0;}
  
 .track-num span.like-inactive{background-color:#fff; color:#b2b2b2;border:1px solid #ccc;border-radius: 3px 3px 3px 3px;}
 .track-num span.like-active{background-color:#00e1ff; color:#fff;border:1px solid #00e1ff;border-radius: 3px 3px 3px 3px;}
 .track-num span.like-inactive:hover{background-color:#00e1ff; color:#fff;border:1px solid #00e1ff;border-radius: 3px 3px 3px 3px;}
 .track-num span.like-active:hover{background-color:#fff; color:#b2b2b2;border:1px solid #ccc;border-radius: 3px 3px 3px 3px;}
 #listing-sound #list-tracks .track-num span.like{height:24px;padding-top:6px;margin-top:0px; margin-right:0px;}
 #listing-sound #list-tracks .track-num span.like-inactive{background-color:#222;}
 #listing-sound #list-tracks .track-num span.like-active:hover{background-color:#222;}
.front #main #tracks .left .track-num span.song,.front #main #tracks .left .track-num span.time{color:#222222;margin-right:5px}
.front #main #tracks .left .track-num span.time{float:right;margin-right:50px}
.front #main #tracks .left .track-num span.artist{color:#cccccc;font-family:dinregular}
.front #main #tracks .left .track-num a.play:hover{border:1px solid #222222; background:#222222}
.front #main #tracks .left .track-num a.play:hover span{border-left: 10px solid #ccc;}
.front #main #tracks .left .track-num a.play.current{border:1px solid #222222; background:#222222}
.front #main #tracks .left .track-num.token-listening a.play{border:1px solid #222222; background:#222222}

.front #main #tracks .left .track-num a.play.current span{border-left: 10px solid #ccc;}
.front #main #tracks .left .track-num a.love{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:transparent;border:1px solid #cccccc; border-radius:3px;display:block;width:30px;height:30px;float:right;margin:-5px 10px 0 0}
.front #main #tracks .left .track-num a.love span{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:url(../../../../../sites/all/themes/dumdum/images/coeur_n&b.png)no-repeat 8px;width:100%;height:100%;display:block}
.front #main #tracks .left .track-num a.love:hover span{background:url(../../../../../sites/all/themes/dumdum/images/coeur_color.png)no-repeat 8px;}
.front #main #tracks .left .track-num a.love:hover{border:1px solid #00e1ff; background:#00e1ff}
.front #main #tracks .left .track-num a.love.actif span{background:url(../../../../../sites/all/themes/dumdum/images/coeur_color.png)no-repeat 8px;}
.front #main #tracks .left .track-num a.love.actif{border:1px solid #00e1ff; background:#00e1ff}
.pager-current{font-weight:normal}
/* PAGE ALBUMS */
.page-albums #main #albums{height: 417px;}
.page-albums #main #global{width:100%;margin-top:0;position:relative;overflow:hidden;padding-bottom: 100px;}
.page-albums #main #global ul.filter{padding:0;margin:0;}
.page-albums #main #global ul.filter li{list-style:none;float:left;display:block;font-family:din_engschrift_stdregular;}
.page-albums #main #global ul.filter li a{text-decoration:none;text-transform:uppercase;font-size:20px;color:#b2b2b2}
.page-albums #main #global .content{clear:both;width:960px;margin:0 auto;}
.page-albums #main #global .content .view{position:relative;}
.page-albums #main #global  .content .view .view-content{display:block}
.page-albums #main #global  .content .view .view-content.current{display:block}
.page-albums #main #global  .content .view-albums-chrotweets .view-content{position: relative;}
.page-albums #main #global  .content .view-albums-chrotweets .view-content.current{display:block}
.page-albums #main #global  .content .view-albums-chrotweets{position:inherit;margin-top: 20px;}
.page-albums #main #global  .content .view-albums-chrotweets .view-filters{position:absolute;right: 70px;top: 11px;}
.page-albums #main #global  .content .view-albums-chrotweets .view-content{top:55px}
.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row{-moz-box-shadow: 0 0 3px #E0E0E0;-webkit-box-shadow: 0 0 3px #E0E0E0;box-shadow: 0 0 3px #E0E0E0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;position:relative;border-top:1px solid #e0e0e0;border:1px solid #e0e0e0;margin:0 10px 25px 10px;width:458px;height:169px;float:left;overflow:hidden;background:#fff;}
.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row:hover{-moz-box-shadow: 0 0 6px #E0E0E0;-webkit-box-shadow: 0 0 6px #E0E0E0;box-shadow: 0 0 6px #E0E0E0;}




.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row img{width:140px;height:140px;display:block;float:left}
.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row .text{height: 139px;overflow: hidden;float: left;width: 295px;padding-left: 20px;border-bottom:1px solid #e0e0e0;}
.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row .text p{margin:0}
.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row .text .title{color:#b2b2b2;font-family:din_alternatebold;font-size:17px;}
.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row .text .artist{color:#222222;font-family:din_alternatebold;font-size:17px;}
.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row .text .date{color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:16px;}
.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row .text span{display: block;line-height: 18px;font-family:georgia;color:#444444;font-size:12px}
.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row .text span.note{position:absolute;top:10px;right:40px;font-size:38px;font-family:din_engschrift_stdregular;color:#222222}
.page-albums #main #global  .content .view-albums-chrotweets .view-content .view-row .text span.note em{font-style:normal;font-size:24px;position:absolute;top:3px}
.page-albums #main #global  .content .view-albums-chrotweets .form-radios .form-item:first-child{display:none}
.view-content .details .ss-details span.note{position:absolute;top: 30px;;right:40px;font-size:16px;font-family:din_engschrift_stdregular;color:#222222}
.view-content .details .ss-details span.note em{font-style:normal;font-size:16px;}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row a{z-index: 100;display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row{overflow:hidden;position:relative;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;float:left;position:relative;height:300px;width:220px;margin:20px 10px 0 10px}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row .overlay span[data-icon]{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;-webkit-transform: translate3D(0, 0, 0);}
.page-albums #main #global .content .view:not(.view-albums-chrotweets)  .view-row .overlay span[data-icon=Chroniques]{display:block;height:30px;width:26px;background:url(../../../../../sites/all/themes/dumdum/images/chroniques.png)no-repeat;margin: 7px auto 2px auto;}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row .overlay span[data-icon*=Avant]{display:block;height:20px;width:30px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/avantpremiere.png)no-repeat;}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row .overlay span[data-icon*=tweet]{display:block;height: 27px;width: 24px;margin: 7px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/chrotweet.png)no-repeat;}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row .overlay span.date{text-align:center;color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:26px;display:block;width: 30px;margin: 0 auto;line-height:18px;word-wrap: break-word;text-align: center;position:absolute;bottom:20px;bottom: 20px;left: 50%;margin-left: -15px;}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row .overlay span.date em{text-align:center;font-style:normal;clear:both;display:block;line-height:14px;}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row .overlay span.date em:nth-child(2){font-size:16px;line-height:22px;}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row .overlay span.date em:nth-child(3){font-size:13px;line-height:8px;}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .overlay{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;height:220px;position:absolute;z-index:10;left:0;width:40px;background:rgba(34,34,34,0.9)}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row .overlay span.type{color:#33d6ff;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;display:block;width: 35px;margin: 0 auto;line-height:15px;word-wrap: break-word;text-align: center;}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row img{width:220px;display:block;height:220px}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets)  .view-row .text{position: relative;z-index: 110;border-bottom:1px solid #222222;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;padding-top:17px;height:62px}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets) .view-row .text .artist{font-family: din_alternatebold;font-size: 17px;color: #B2B2B2;margin: 0;text-align: center;}
.page-albums #main #global  .content .view:not(.view-albums-chrotweets) .view-row .text .title{line-height: 16px;font-family: din_alternatebold;font-size: 17px;color: #222222;margin: 0;text-align: center;}
.page-albums #main #global .item-list{clear:both;position:relative;top:60px;height: 30px;width:960px;border-bottom:1px solid #b2b2b2;border-top:1px solid #222222}
.page-albums #main #global .pager .pager-previous{top: 0;height: 100%;line-height: 32px;display:block;position:absolute;left:10px;color:#808080;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;}
.page-albums #main #global .pager .pager-next{top: 0;height: 100%;line-height: 32px;display:block;position:absolute;right:10px;color:#808080;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;}
.page-albums #main #global ul.pager{height:100%;padding:0;margin:0; display: block;text-align:center }
.page-albums #main #global ul.pager li{overflow:hidden;margin:0;margin-left: -4px;padding:0;background:transparent;display:inline-block;height:30px;list-style:none;font-family:din_engschrift_stdregular;}
.page-albums #main #global ul.pager li a{padding:0 15px 0 15px;line-height:31px;display:block;height:100%;text-align:center;text-decoration:none;text-transform:uppercase;font-size:14px;color:#808080}
.page-albums #main #global ul.pager li.pager-first,.page-albums #main #global ul.pager li.pager-last{display:none}
.page-albums #main #global ul.pager li.pager-item:hover{background:#222222}
.page-albums #main #global ul.pager li.pager-current{background:#222222;color:#fff;font-size:14px;color:#808080;line-height:31px;padding:0 15px 0 15px;}
.page-albums #main #global .content .view:not(.view-albums-chrotweets) .view-row .chapeau{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: absolute;top: 0;right: -180px;width: 180px;height: 220px;background: rgba(34,34,34,0.9)}
.page-albums #main #global .content .view:not(.view-albums-chrotweets) .view-row .chapeau p{margin:0;color:#fff;font-size:12px;font-family:georgia;margin-top: 40px;margin-left:5px}
.page-albums #main #global .content .view:not(.view-albums-chrotweets) .view-row.current{position:relative;}
.page-albums #main #global .content .view:not(.view-albums-chrotweets) .view-row.current .text{background:#fff;border-bottom:10px solid #00e1ff;padding-top:7px}
.page-albums #main #global .content .view:not(.view-albums-chrotweets) .view-row.current .chapeau{right:0}
.page-albums #main #albums .content .right{border:1px solid #e6e6e6;width:328px;height:368px}
.page-albums #main #albums .content .left,.page-magazine #main #magazine .content .left{height:100%;width:630px;position:relative;background:transparent}
.page-albums #main #albums .content .left .view-content,.page-magazine #main #magazine .content .left .view-content{height:100%;width: 300px;margin: 0 auto;}
.page-albums #main #albums .content .left .jcarousel-clip,.page-magazine #main #magazine .content .left .jcarousel-clip{height:100%}
.page-albums #main #albums .content .left .view-content .item-list,.page-albums #main #albums .content .left .view-content .item-list ul,.page-magazine #main #magazine .content .left .view-content .item-list,.page-magazine #main #magazine .content .left .view-content .item-list ul{margin:0;padding:0;display:block;height:100%;width:100%}
.page-albums #main #albums .content .left .view-content .item-list ul,.page-magazine #main #magazine .content .left .view-content .item-list ul{overflow:visible!important}
.page-albums #main #albums .content .left .views-row,.page-magazine #main #magazine .content .left .views-row{margin:0;height:100%;width: 300px;float:left;display:block;list-style:none}
.page-albums #main #albums .content .left .views-row img,.page-magazine #main #magazine .content .left .views-row img{width: 300px;display: block;height: 300px;}
.page-albums #main #albums .content .left .views-row .overlay,.page-magazine #main #magazine .content .left .views-row .overlay{display:none;-webkit-transition: all .8s ease-in;-moz-transition: all .8s ease-in;-o-transition: all .8s ease-in;transition: all .8s ease-in;background:#111111;height:70px;position:absolute;bottom:0;}
.page-albums #main #albums .content .left .views-row .overlay span.type,.page-magazine #main #magazine .content .left .views-row .overlay span.type{float:left;position:relative;color: #33D6FF;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 14px;width: 55px;display: block;height: 100%;}
.page-albums #main #albums .content .left .views-row .overlay span[data-icon*=chroniques]{background:url(../../../../../sites/all/themes/dumdum/images/chroniques.png)no-repeat center 10px}
.page-albums #main #albums .content .left .views-row .overlay span[data-icon*=chrot]{background:url(../../../../../sites/all/themes/dumdum/images/chrotweet.png)no-repeat center 10px}
.page-albums #main #albums .content .left .views-row .overlay span[data-icon*=avan]{background:url(../../../../../sites/all/themes/dumdum/images/avantpremiere.png)no-repeat center 10px}
.page-albums #main #albums .content .left .views-row .overlay span.type p,.page-magazine #main #magazine .content .left .views-row .overlay span.type p{margin:0;position:absolute;bottom:13px;display:block;width:100%;text-align:center}
.page-albums #main #albums .content .left .views-row .overlay p.text,.page-magazine #main #magazine .content .left .views-row .overlay p.text{width: 530px;text-overflow: ellipsis;float:left;display:block;margin:15px 0 0 10px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 17px;}
.page-albums #main #albums .content .left .views-row.current .overlay,.page-magazine #main #magazine .content .left .views-row.current .overlay{z-index: 100;}
.page-albums #main #albums .content .left .views-row.current.current2 .overlay,.page-magazine #main #magazine .content .left .views-row.current.current2 .overlay{display:block;width: 630px;margin-left:-165px;}
.page-albums #main #albums .content .left .views-row .overlay p.text span.artist{color:#b2b2b2;float:left;}
.page-albums #main #albums .content .left .views-row .overlay p.text span.title{font-weight: normal;color: white;clear: both;float: left;font-size: 14px;line-height: 15px;width: 92px;height: 27px;display: block;text-overflow: ellipsis;overflow: hidden;}
.page-albums #main #albums .content .left .views-row .overlay span.description{-webkit-transition: all .8s ease-in;-moz-transition: all .8s ease-in;-o-transition: all .8s ease-in;transition: all .8s ease-in;right: -100px;display: none;position: absolute;top: 0;width:380px;text-transform:none;line-height:12px;font-family:georgia;margin: 25px 10px 0 20px;color:#e6e6e6;font-size:12px;top: -7px;width: 450px;}
.page-albums #main #albums .content .left .views-row.current .overlay span.description{display:block;right:0}
.page-albums #main #albums .content .left .jcarousel-prev,.page-magazine #main #magazine .content .left .jcarousel-prev{left: -165px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;cursor:pointer;width:165px;height:100%;background:rgba(34,34,34,0.7);position:absolute;bottom:0;z-index:10;}
.page-albums #main #albums .content .left .jcarousel-prev span,.page-magazine #main #magazine .content .left .jcarousel-prev span{background:url(../../../../../sites/all/themes/dumdum/images/slider-prev.png)no-repeat;display: block;width: 9px;height: 17px;position: absolute;right: 10px;top: 50%;margin-top: -4.5px;}
.page-albums #main #albums .content .left .jcarousel-next,.page-magazine #main #magazine .content .left .jcarousel-next{right: -165px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;cursor:pointer;width:165px;height:100%;background:rgba(34,34,34,0.7);position:absolute;bottom:0;z-index:10;}
.page-albums #main #albums .content .left .jcarousel-next span,.page-magazine #main #magazine .content .left .jcarousel-next span{background:url(../../../../../sites/all/themes/dumdum/images/slider-next.png)no-repeat;display: block;width: 9px;height: 17px;position: absolute;left: 10px;top: 50%;margin-top: -4.5px;}
.page-albums #main #albums .content .left span.arrow,.page-magazine #main #magazine .content .left span.arrow{-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.page-albums #main #albums .content .left .jcarousel-prev:hover span,.page-magazine #main #magazine .content .left .jcarousel-prev:hover span{right:20px;}
.page-albums #main #albums .content .left .jcarousel-next:hover span,.page-magazine #main #magazine .content .left .jcarousel-next:hover span{left:20px}
.page-albums #main #albums .content .left .jcarousel-next:hover,.page-albums #main #albums .content .left .jcarousel-prev:hover{background:rgba(34,34,34,0.8)}
.page-magazine #main #magazine .content .left .jcarousel-next:hover,.page-magazine #main #magazine .content .left .jcarousel-prev:hover{background:rgba(34,34,34,0.8)}
.page-albums #main #albums .content .left .bottom{width:100%;position:absolute;bottom:0;background:#111111;height:70px;z-index:11}
.page-albums #main #albums .content .left .view{display:block}
.page-albums #main #albums .content .left .views-row.current .overlay span.description{}
.page-albums .twitter-share-button{position: relative;left: 50%;margin-left: -35px;top: 5px;}
.page-albums .view-albums-slider-chrotweet .twitter-share-button{position: absolute;left: 20px;top: 100px;margin: 0;}




#main .content .form-radios .form-item{float:left;margin:0}
#main .content .form-radios .form-item:first-child{display:none}
#main .content .form-radios .form-item input{display:none}
#main .content .view-content{clear: both;position:relative;height:100%;width:100%;}
.front #main .content .view-content{overflow:hidden}
#main .content .form-radios .form-item label{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;font-weight:lighter!important;cursor:pointer;padding:0 15px;color:#b2b2b2;font-size:20px;text-transform:uppercase;font-family:din_engschrift_stdregular;}
#main .content .form-radios .form-item input[checked=checked] + label{color:#000}
#main .content .form-radios .form-item label:hover{color:#000}
#main .content .listing-menu label{float:left;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;font-weight:lighter!important;cursor:pointer;padding:0 15px;color:#b2b2b2;font-size:20px;text-transform:uppercase;font-family:din_engschrift_stdregular;}
#main .content .listing-menu label:hover{color:#000!important}
#main .content .listing-menu label.actif{color:#000!important}
#main .content .listing-menu{position: relative;top: 50px;}
#main .content .listing-menu label.right{float:right;margin-right:115px}
.page-albums #global .content .view{display:none;top:30px}
#main .content .bar-bottom{width: 100%;height: 10px;clear: both;position: relative;top: 60px;background:#222222;}
#main .content .bar-bottom .left.current{background:#222222}
#main .content .bar-bottom .left{-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;float:left;height:100%;width:630px;background:#666666;}
#main .content .bar-bottom .right{float:left;height:100%;width:330px;background:#666666}
#main .content .bar-bottom .right.current{background:#222222}
#main .view-magazine-all-content .view-content{margin-top:45px}
#main .view .view-content{margin-top:35px}
#main .view .view-filters,#main .view-magazine-all-content .view-filters{overflow:hidden}
.page-magazine #global .content .view{position:relative;top:45px}
/* PAGE VIDEOS */
.page-tv header{height:173px}
.page-tv #videos{height:526px;width:100%;background:rgba(34,34,34,0.7);position:relative;overflow:hidden}
.page-tv #videos .view-content{width:778px;margin:0 auto;height:100%}
.page-tv #videos .item-list ul{padding:0;margin:0}
.page-tv #videos .item-list li.views-row{padding:0;margin:0;list-style:none;float:left;width:780px;background:#fff;margin:0 auto;height:526px;top:0;}
.page-tv #videos .jcarousel-prev{left: -100px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;cursor:pointer;width:100px;height:100%;background:rgba(34,34,34,0.7);position:absolute;bottom:0;z-index:10;}
.page-tv #videos .jcarousel-prev span{background:url(../../../../../sites/all/themes/dumdum/images/slider-prev.png)no-repeat;display: block;width: 9px;height: 17px;position: absolute;right: 10px;top: 50%;margin-top: -4.5px;}
.page-tv #videos .jcarousel-next{right: -100px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;cursor:pointer;width:100px;height:100%;background:rgba(34,34,34,0.7);position:absolute;bottom:0;z-index:10;}
.page-tv #videos .jcarousel-next span{background:url(../../../../../sites/all/themes/dumdum/images/slider-next.png)no-repeat;display: block;width: 9px;height: 17px;position: absolute;left: 10px;top: 50%;margin-top: -4.5px;}
.page-tv #videos span.arrow{-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.page-tv #videos .jcarousel-prev:hover span{right:20px;}
.page-tv #videos .jcarousel-next:hover span{left:20px}
.page-tv #videos .jcarousel-next:hover,.page-tv #videos .jcarousel-prev:hover{background:rgba(34,34,34,0.8)}
.page-tv #videos .item-list li.views-row .text{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;line-height: 60px;font-size:28px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#b2b2b2;width:100%;bottom:0;position:absolute;background:#111111;height: 60px;}
.page-tv #videos #bottom-videos{z-index:200;width:960px;bottom:0;position:absolute;background:#111111;height: 60px;}
.page-tv #videos .item-list li.views-row .text .title{font-weight:normal;color:#fff}
.page-tv #videos .item-list li.views-row.current .text{z-index:1000}
.page-tv #global .content{width:960px;margin:0 auto;padding-bottom: 100px;}

.page-tv #global .content .view-content{width:960px;margin:0 auto;}
.page-tv #global .content  ul{margin:0;padding:0}
.page-tv #global .content  li.views-row a{cursor:pointer;display:block;width:100%;height:100%}
.page-tv #global .content  li.views-row{font-weight:normal!important;position:relative;margin:0;width:320px;height:260px;display:block;list-style:none;float:left}
.page-tv #global .content  li.views-row a span.hover{-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;position:absolute;top:0;display:block;width:100%;height:100%;opacity:0;background:url(../../../../../sites/all/themes/dumdum/images/hover-video.png)no-repeat}
.page-tv #global .content  li.views-row.current span.hover{opacity:1;z-index: 200;}
.page-tv #global .content  li.views-row.focus span.hover{opacity:1;z-index: 200;}

.page-tv #global .content  li.views-row img{display:block;width:100%;height:180px}
.page-tv #global .content  li.views-row .text{z-index:20;background:#444444;line-height: 16px;height: 60px;width:300px;padding:10px;color:#b2b2b2;position:absolute;bottom:0;font-size:16px;font-family:din_engschrift_stdregular;text-transform:uppercase;}
.page-tv #global .content  li.views-row .text .artist{position: relative;line-height: 16px;z-index:201}
.page-tv #global .content  li.views-row .text .title{position: relative;z-index:201;line-height: 24px;font-weight:normal;font-size:24px;display:block;clear:both;color:#fff;}
.page-tv #global .content .pager .pager-previous{top: 0;height: 100%;line-height: 32px;display:block;position:absolute;left:10px;color:#808080;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;}
.page-tv #global .content .pager .pager-next{top: 0;height: 100%;line-height: 32px;display:block;position:absolute;right:10px;color:#808080;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;}
.page-tv #global .content ul.pager{height:100%;padding:0;margin:0; display: block;text-align:center }
.page-tv #global .content ul.pager li{overflow:hidden;margin:0;margin-left: -4px;padding:0;background:transparent;display:inline-block;height:30px;list-style:none;font-family:din_engschrift_stdregular;}
.page-tv #global .content ul.pager li a{padding:0 15px 0 15px;line-height:31px;display:block;height:100%;text-align:center;text-decoration:none;text-transform:uppercase;font-size:14px;color:#808080}
.page-tv #global .content ul.pager li.pager-first,.page-albums #main #global ul.pager li.pager-last{display:none}
.page-tv #global .content ul.pager li.pager-item:hover{background:#222222}
.page-tv #global .content ul.pager li.pager-current{background:#222222;color:#fff;font-size:14px;color:#808080;line-height:31px;padding:0 15px 0 15px;}
.page-tv #global .content .item-list{top:80px;clear: both;position: relative;height: 30px;width: 960px;border-bottom: 1px solid #B2B2B2;border-top: 1px solid #222;}
.page-tv #global .content li.pager-first,.page-tv #global .content ul.pager li.pager-last{display:none}
.page-tv #videos #bottom-videos .text{width: 100%;margin:12px 90px;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:28px;color:#444444}
.page-tv #videos #bottom-videos .text span{display:block;float:left}
.page-tv #videos #bottom-videos .text span.title{color:#fff;width: 500px;overflow: hidden;height: 40px;text-overflow: ellipsis;}
.page-tv #videos #bottom-videos .tiret{position:relative;top:15px;margin:0 5px;display:block;width:30px;height:3px;background:#444444;float:left;}
.page-tv #videos #video{width:780px;height:470px;margin:0 auto}
.page-tv header #tags.current{height: 570px;}

/* PAGE MAGAZINE */
.page-magazine #main #global{margin-top: 0;position: relative;}
.page-tv header #tags.current{height: 585px;}
.page-magazine #main #global .content{position:relative;width:100%;overflow: hidden;padding-bottom: 100px;}
.page-magazine #main #global .content .view-row{overflow:hidden;position:relative;height:350px;width:320px;float:left;background:#f5f5f5;}
.page-magazine #main #global .content .view-row a{z-index: 100;display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.page-magazine #main #global .content .view-row .overlay span[data-icon]{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;-webkit-transform: translate3D(0, 0, 0);}
.page-magazine #main #global .content .view-row .overlay span[data-icon=Interviews]{display:block;height:30px;width:23px;background:url(../../../../../sites/all/themes/dumdum/images/icon-interview.png)no-repeat;margin: 7px auto 2px auto;}
.page-magazine #main #global .content .view-row .overlay span[data-icon=Clash]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-clash.png)no-repeat;}
.page-magazine #main #global .content .view-row .overlay span[data-icon*=Next]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-next.png)no-repeat;}
.page-magazine #main #global .content .view-row .overlay span[data-icon*=List]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-top.png)no-repeat;}
.page-magazine #main #global .content .view-row .overlay span.date{text-align:center;color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:26px;display:block;width: 30px;margin: 0 auto;line-height:18px;word-wrap: break-word;text-align: center;position:absolute;bottom:20px;bottom: 20px;left: 50%;margin-left: -15px;}
.page-magazine #main #global .content .view-row .overlay span.date em{text-align:center;font-style:normal;clear:both;display:block;line-height:14px;}
.page-magazine #main #global .content .view-row .overlay span.date em:nth-child(2){font-size:16px;line-height:22px;}
.page-magazine #main #global .content .view-row .overlay span.date em:nth-child(3){font-size:13px;line-height:8px;}
.page-magazine #main #global .content .overlay{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;height:180px;position:absolute;z-index:10;left:10px;width:40px;background:rgba(34,34,34,0.9)}
.page-magazine #main #global .content .view-row .overlay span.type{color:#33d6ff;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;display:block;width: 34px;margin: 0 auto;line-height:15px;word-wrap: break-word;text-align: center;}
.page-magazine #main #global .content .image{position:relative;width:100%;height:180px;background:#aaa}
.page-magazine #main #global .content .image img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;top:0;position:absolute;display:block;width:100%;height:100%;}
.page-magazine #main #global .content .bottom .text{padding-bottom: 10px;}
.page-magazine #main #global .content .text{z-index:110;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;position:relative;left:0;border-left:1px solid #e3e3e6;width:300px;height:200px;margin:0;padding-right:19px;border-right:1px solid #e3e3e6;}
.page-magazine #main #global .content .text span{display:block;margin:0 0 0 10px;font-size:17px;font-family:din_alternatebold;color:#222222;padding-top:10px}
.page-magazine #main #global .content .text p{display:block;margin:0 0 0 10px;font-size:12px;font-family:Georgia;color:#505050;padding-top:10px}
.page-magazine #main #global .separate{z-index:200;bottom: 55px;width:100%;background:#222222;height:10px;position: absolute;}
.page-magazine #main #global .separate span{margin:0 auto;display:block;width:320px;height:100%;border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9;}
.page-magazine #main #global .content .view{display:none}
/* hover effects */
.page-magazine #main #global .content .view-row.current .overlay{-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;left:30px}
/*.front #main #magazines .content .view.current span[data-icon]{-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);transform: scale(0.6);}*/
.page-magazine #main #global  .content .view-row.current .image img{border-bottom: 10px solid #00E1FF;}
.page-magazine #main #global .content .view-row.current .text{background:#ffffff;margin-top:10px}
.content .pager .pager-previous{top: 0;height: 100%;line-height: 32px;display:block;position:absolute;left:10px;color:#808080;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;}
.content .pager .pager-next{top: 0;height: 100%;line-height: 32px;display:block;position:absolute;right:10px;color:#808080;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;}
.content ul.pager{height:100%;padding:0;margin:0; display: block;text-align:center }
.content ul.pager li{overflow:hidden;margin:0;margin-left: -4px;padding:0;background:transparent;display:inline-block;height:30px;list-style:none;font-family:din_engschrift_stdregular;}
.content ul.pager li a{padding:0 15px 0 15px;line-height:31px;display:block;height:100%;text-align:center;text-decoration:none;text-transform:uppercase;font-size:14px;color:#808080}
.content ul.pager li.pager-first,.page-magazine #global  .content ul.pager li.pager-last{display:none}
.content ul.pager li.pager-item:hover{background:#222222}
.content ul.pager li.pager-current{background:#222222;color:#fff;font-size:14px;color:#808080;line-height:31px;padding:0 15px 0 15px;}
.content .item-list{clear: both;position: relative;width: 100%;border-bottom: 1px solid #B2B2B2;border-top: 1px solid #222;}
.content li.pager-first,.page-magazine #global .content ul.pager li.pager-last{display:none}
.view-compilation-all .item-list {top: 10px;}
.page-magazine #magazine{position:relative;}
.page-magazine #magazine .content{position:relative;height: 370px;}
.page-magazine .content .left .view{width: 100%;height: 100%;top: 0;position: absolute;}
.page-magazine .content .left{overflow: hidden;float: left;}
.page-magazine .content .right{float: left;height: 100%;background: white;width: 330px;}
.page-magazine #main #magazine .content .left .views-row .overlay span[data-icon]{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;-webkit-transform: translate3D(0, 0, 0);}
.page-magazine #main #magazine .content .left .views-row .overlay span[data-icon=interview]{background:url(../../../../../sites/all/themes/dumdum/images/icon-interview.png)no-repeat center 10px;}
.page-magazine #main #magazine .content .left .views-row .overlay span[data-icon=clash]{background:url(../../../../../sites/all/themes/dumdum/images/icon-clash.png)no-repeat center 10px;}
.page-magazine #main #magazine .content .left .views-row .overlay span[data-icon*=next]{background:url(../../../../../sites/all/themes/dumdum/images/icon-next.png)no-repeat center 10px;}
.page-magazine #main #magazine .content .left .views-row .overlay span[data-icon*=list]{background:url(../../../../../sites/all/themes/dumdum/images/icon-top.png)no-repeat center 10px;}
.page-magazine #main #magazine .content .left .views-row .overlay p.text{margin: 4px 0 0 10px;}
.page-magazine #main #magazine .content .left .views-row .overlay p.text span.title{color:#fff;font-weight:normal;font-size:15px;font-family:din_alternatebold;text-transform:capitalize}
.page-magazine #main #magazine .content .left .views-row .overlay p.text span.description{display:block;clear:both;color:#b2b2b2;font-weight:normal;font-size:12px;font-family:georgia;text-transform:none;line-height:12px}
.page-magazine #main #magazine .content .left .views-row{width:512px;}
.page-magazine #main #magazine .content .left .view-content {width:512px}
.page-magazine #main #magazine .content .left .views-row a{z-index: 0;display:block;position:relative;top:0;left:0;width:512px;height:100%}
.page-magazine #main #magazine .content .left .views-row img{width:512px}
.page-magazine #main #magazine .content .left .views-row.current .overlay{display:block;margin-left:-60px}
.page-magazine #main #magazine .content .left .bottom{width:100%;position:absolute;bottom:0;background:#111111;height:70px;z-index:11}
.page-magazine #main .view-magazine-incontournable ul{padding:0;margin:-5px 0 0 0}
.page-magazine #main .view-magazine-incontournable ul li{position: relative;margin-left:10px;width:300px;padding:12px 0 12px 0;list-style:none;border-bottom:1px solid #b2b2b2}
.page-magazine #main .view-magazine-incontournable ul li a{z-index: 20;display:block;position:absolute;top:0;left:0;width:100%;height:100%}

.page-magazine #main .view-magazine-incontournable ul li span.date{font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:16px;color:#b2b2b2}
.page-magazine #main .view-magazine-incontournable ul li span.chapeau{display:block;clear:both;font-family:din_alternatebold;font-size:14px;color:#666666}
.page-magazine #main .view-magazine-incontournable ul li.views-row-last{padding:0;border:none}
.page-magazine #main .right h3{color:#666666;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:18px;font-style:normal;border:none;text-align:center;margin:5px 0 0 0}


/* PAGE SINGLES */
.page-play .left .view-singles-slider  .view{margin-top:0!important}
.page-play .left .view-singles-slider  .view-content{margin-top:0!important}

.page-play #main #global{position:relative;margin-top:310px;width:100%;}
.page-play #main #global h3.title{margin:0 auto;width:960px;padding:0 0 0 10px;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#D9D9D9;font-weight:normal;line-height:26px}
.page-play #main #global ul.row{position:relative;margin-top:12px;-moz-box-shadow: 0 0 3px rgba(15,47,51,0.3);-webkit-box-shadow: 0 0 3px rgba(15,47,51,0.3);box-shadow: 0 0 3px rgba(15,47,51,0.3);background:#fff;margin:12px 0 0 0;padding: 0 0 4px 85px;overflow: hidden;}
.page-play #main #global ul.row li{margin:0;padding:0;list-style:none;position:relative;clear:both;width: 870px;height: 40px;display: block;}
.page-play #main #global .wrap{position:relative}
.page-play #main #global ul.row > li.views-row-first.views-row-last{padding-bottom:15px}
.page-play #main #global ul.row li.views-row-odd{background:transparent}
.page-play #main #global ul.row li.views-row-even{background:#f2f2f2}
.page-play #main #global ul.row li.views-row-first{margin-top:5px}
.page-play #main #global .more-details{left:50%;margin-left:-149px;position:absolute;bottom: 10px;line-height: 28px;border-radius:5px;text-align:center;width:298px;height:27px;display:block;text-decoration:none;font-size:14px;text-transform:uppercase;font-family:din_engschrift_stdregular;background: #222;color: gray;border: 1px solid #222;}
.page-play #main #global .more-details .eyes{width:20px;display:block;height:10px;background:url(../../../../../sites/all/themes/dumdum/images/eyes.png)no-repeat;position:absolute;right: 70px;top: 8px;}
.page-play #main #global .track-year:nth-child(1){border-top:1px solid #b2b2b2;margin-top:10px}
.page-play #main #global .track-year{padding:5px 0;margin:0 10px 0 10px;width:620px;height:auto;border-bottom:1px solid #b2b2b2}
.page-play #main #global .track-num{padding-top: 4px;position: relative;width: 100%;}
.page-play #main #global .track-num a.play{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:transparent;border:1px solid #cccccc; border-radius:3px;display:block;width:30px;height:30px;float:left;margin:0 10px 0 5px}
.page-play #main #global .track-num.token-listening a.play{border:1px solid #222222; background:#222222}
.page-play #main #global .track-num.token-listening a.play span{border-left: 10px solid #ccc;}
.page-play #main #global .track-num a.play span{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;position: relative;top: 10px;left: 11px;border-left: 10px solid #666;border-bottom: 6px solid transparent;border-top: 6px solid transparent;}
.page-play #main #global .track-num span{line-height: 22px;display:block;float:left;font-family:din_alternatebold;font-size:14px;}
.page-play #main #global .track-num span.like{float:right; margin-top:0px;}
.page-node #main #global .track-num span.like{float:right;}
.page-play #main #global .track-num span.song,.page-play #main #global .track-num span.time{font-family:dinregular;color:#222222;margin-top:5px;margin-right:5px}
.page-play #main #global .track-num span.time{float:right;margin-right:50px;color:#222222}
.page-play #main #global .track-num span.artist{color:#cccccc;margin-top:5px;position: absolute;text-align: center;left: 45%;font-family:dinregular;color:#666666}
.page-play #main #global .track-num a.play:hover{border:1px solid #222222; background:#222222}
.page-play #main #global .track-num a.play:hover span{border-left: 10px solid #ccc;}
.page-play #main #global .track-num a.play.current{border:1px solid #222222; background:#222222}
.page-play #main #global .track-num a.play.current span{border-left: 10px solid #ccc;}
.page-play #main #global .track-num a.love{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:transparent;border:1px solid #cccccc; border-radius:3px;display:block;width:30px;height:30px;float:right;margin:0 10px 0 0}
.page-play #main #global .track-num a.love span{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:url(../../../../../sites/all/themes/dumdum/images/coeur_n&b.png)no-repeat 8px;width:100%;height:100%;display:block}
.page-play #main #global .track-num a.love:hover span{background:url(../../../../../sites/all/themes/dumdum/images/coeur_color.png)no-repeat 8px;}
.page-play #main #global .track-num a.love:hover{border:1px solid #00e1ff; background:#00e1ff}
.page-play #main #global .track-num a.love.actif span{background:url(../../../../../sites/all/themes/dumdum/images/coeur_color.png)no-repeat 8px;}
.page-play #main #global .track-num a.love.actif{border:1px solid #00e1ff; background:#00e1ff}
.page-play #main #global .pager .pager-previous{top: 0;height: 100%;line-height: 32px;display:block;position:absolute;left:10px;color:#808080;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;}
.page-play #main #global .pager .pager-next{top: 0;height: 100%;line-height: 32px;display:block;position:absolute;right:10px;color:#808080;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;}
.page-play #main #global ul.pager{height:100%;padding:0;margin:0; display: block;text-align:center }
.page-play #main #global ul.pager li{overflow:hidden;margin:0;margin-left: -4px;padding:0;background:transparent;display:inline-block;height:30px;list-style:none;font-family:din_engschrift_stdregular;}
.page-play #main #global ul.pager li a{padding:0 15px 0 15px;line-height:31px;display:block;height:100%;text-align:center;text-decoration:none;text-transform:uppercase;font-size:14px;color:#808080}
.page-play #main #global ul.pager li.pager-first,.page-play #main #global ul.pager li.pager-last{display:none}
.page-play #main #global ul.pager li.pager-item:hover{background:#222222}
.page-play #main #global ul.pager li.pager-current{background:#222222;color:#fff;font-size:14px;color:#808080;line-height:31px;padding:0 15px 0 15px;}
.page-play #main #global .item-list{margin-top:80px;clear: both;position: relative;height: 30px;width: 960px;border-bottom: 1px solid #B2B2B2;border-top: 1px solid #222;}
.page-play #main #global li.pager-first,.page-play #main #global ul.pager li.pager-last{display:none}
.page-play #main #global div.date{top: 0;margin:10px 20px;position:relative;width:45px;height:45px;background:url(../../../../../sites/all/themes/dumdum/images/date-croix.png)no-repeat}
.page-play #main #global div.date span{ font-weight: lighter;color:#b2b2b2;font-size:12px;font-family:din_engschrift_stdregular;}
.page-play #main #global div.date span.jour{position:absolute;top:10px;font-size:18px;left: -2px;}
.page-play #main #global div.date span.annee{position:absolute;top: 30px;left: 13px;}
.page-play #main #global div.date span.mois{top: 0;left: 15px;position: absolute;text-transform: uppercase;}
.page-play #main #global h3{margin:0;padding:0;position: absolute;width: 45px;height: 45px;top: 0;z-index: 100;}
.page-play #singles {position: relative;}
.page-play #singles .content .left{width:570px;float:left;height:250px;background:#fff;margin-right:79px}
.page-play #singles .content .left .view{width:100%;height:100%;}
.page-play #singles .content .left .view img{display:block;width:220px;height:220px;margin:15px;float:left;}
.page-play #singles .content .left .view .text{width: 300px;margin:22px 0 0 5px;display:block;float:left;height: 208px;position:relative}
.page-play #singles .content .left .view .text p{margin:0;line-height: 24px;}
.page-play #singles .content .left .view .socials-buttons{position:absolute;bottom:10px;z-index: 200;}
.page-play #singles .content .left .view .text p.title{display:block;color:#222222;font-family:din_engschrift_stdregular;font-size:24px;text-transform:uppercase}
.page-play #singles .content .left .view .text p.artiste{display:block;clear:both;color:#b2b2b2;font-family:din_engschrift_stdregular;font-size:24px;text-transform:uppercase}
.page-play #singles .content .left .view .text p.desc{display:block;margin-top:25px;width: 185px;clear:both;line-height:18px;color:#444444;font-size:12px;font-family:georgia}
.page-play #singles .content .left .view .twitter-share-button{top: 3px;left: 15px;position: relative;}
.page-play #singles .content .right{width:310px;float:left;height:250px;}
.page-play #singles .content .right p{margin:0}
.page-play header #tags.current{height: 330px;}


/* PAGE NODE */
.page-node #main #global{width:100%;overflow:hidden;}
.page-node #main #node{position:relative;height: 463px;}
.node-type-avant-premiere #main #node,.node-type-chroniques #main #node{height:368px}

.page-node #main #node h3 em{font-style:normal;color:#00e1ff}
.page-node #main #node .title{line-height: 24px;width: 600px;font-size:24px;color:#00e1ff;font-family:din_engschrift_stdregular;text-transform:uppercase}
.page-node #main #node span[data-icon=interview]{float: left;display:block;height:30px;width:23px;background:url(../../../../../sites/all/themes/dumdum/images/icon-interview.png)no-repeat;margin: 1px 10px 0 0;}
.page-node #main #node span[data-icon=clash]{float: left;display:block;height:20px;width:24px;margin:8px 10px 0 0;background:url(../../../../../sites/all/themes/dumdum/images/icon-clash.png)no-repeat;}
.page-node #main #node span[data-icon*=next]{float: left;display:block;height:20px;width:24px;margin:3px 10px 0 0;background:url(../../../../../sites/all/themes/dumdum/images/icon-next.png)no-repeat;}
.page-node #main #node span[data-icon*=list]{float: left;display:block;height:20px;width:24px;margin:4px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-top.png)no-repeat;}
.page-node #main #node span[data-icon*=chro]{float:left;background:url(../../../../../sites/all/themes/dumdum/images/chroniques.png)no-repeat;display:block;height:30px;width:26px;margin:8px 10px 0 0;}
.page-node #main #node span[data-icon*=avan]{float:left;background:url(../../../../../sites/all/themes/dumdum/images/avantpremiere.png)no-repeat;display:block;height:30px;width:26px;margin:8px 10px 0 0;}

.page-node #main #node .chapeau{overflow:hidden;line-height: 16px;height: 50px;width: 600px;color:#b2b2b2;font-size:15px;font-family:din_alternatebold;clear:both}
.page-node #main #node .image{position:absolute;bottom:0px;float: left;clear: both;width:630px;height:320px;background:#fff}
.page-node #main #node .image img{display: block;width: 610px;height: 310px;margin: 0 auto 0 auto;position: relative;top: 10px;}
.page-node #main #node.chroniques .image{margin-top:1px;position:inherit;float: left;clear: both;width:320px;height:320px;background:#fff}
.page-node #main #node.chroniques .image img{height: 100%;width: 100%;display: block;max-width: 300px;max-height: 310px;margin: 0 auto 0 auto;position: relative;top: 10px;}
.page-node #main #node.chroniques .text{margin-top:10px;margin-left:10px;width:400px;float:left}
.page-node #main #node.chroniques .text h4{margin:0;top:10px;position:relative;display:block;margin-top:10px;font-weight:normal;font-size:14px;font-family:din_engschrift_stdregular;text-transform:uppercase}
.page-node #main #node.chroniques .title{position:relative;top:-10px;line-height: 24px;width: 600px;font-size:24px;color:#00e1ff;font-family:din_engschrift_stdregular;text-transform:uppercase}
.page-node #main #node.chroniques .text em.auteur{clear: both;display: block;font-style:normal;font-size:24px;color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase}
.page-node #main #node.chroniques .text .album-title{clear:both;display:block;color:#fff}
.page-node #main #node.chroniques .text .label{margin-top:5px;color:#b2b2b2;font-size:14px;font-family:din_alternatebold;}
.page-node #main #node.chroniques .text .label em{color:#fff;font-style:normal}
.page-node #main #node.chroniques .text .datesortie{color:#b2b2b2;font-size:14px;font-family:din_alternatebold;}
.page-node #main #node.chroniques .text .datesortie em{color:#fff;font-style:normal}
.page-node #main #node.chroniques .text .separate{background:#4D4D4D;width:230px;height:1px;clear:both;display:block;}
.page-node #main #node.chroniques .text .note{margin-top:12px;color:#b2b2b2;font-size:14px;font-family:din_alternatebold;}
.page-node #main #node.chroniques .text .note span.result{top:2px;position:relative;color:#00e1ff;font-size:24px;font-family:din_alternatebold;}
.page-node #main #node.chroniques .text .note em{top:0;position:relative;color:#fff;font-style:normal;font-size:24px;font-family:din_alternatebold;}
.page-node #main #node.chroniques .text .image-result{margin-top:10px;width:100%;display:block;clear:both}
.page-node #main #node.chroniques .text .image-result .images.valid{display:block;width:25px;height:25px;background:url(../../../../../sites/all/themes/dumdum/images/note.png)no-repeat}
.page-node #main #node.chroniques .text .image-result .images {padding-bottom:20px;float:left;display:block;width:25px;height:25px;background:url(../../../../../sites/all/themes/dumdum/images/note-false.png)no-repeat}
.page-node #main #node.chroniques .text .amazon{position:relative;top:7px;background:url(../../../../../sites/all/themes/dumdum/images/amazon.png)no-repeat;display:block;width:60px;height:20px}
.page-node #main #node.chroniques .text .itunes{background:url(../../../../../sites/all/themes/dumdum/images/itunes.png)no-repeat;display:block;width:70px;height:25px}
.page-node #main #node.chroniques .text .insound{background:url(../../../../../sites/all/themes/dumdum/images/insound.png)no-repeat;display:block;width:75px;height:25px}
.page-node #main #node.chroniques .text .links-buy a{display:block;float:left;margin-right:25px}
.page-node #main #node.chroniques .text .links-buy{margin-top: 15px;}


.page-node #main #node.avant_premiere .image{margin-top:1px;position:inherit;float: left;clear: both;width:320px;height:320px;background:#fff}
.page-node #main #node.avant_premiere .image img{display: block;width: 300px;height: 310px;margin: 0 auto 0 auto;position: relative;top: 10px;}
.page-node #main #node.avant_premiere .text{margin-top:10px;margin-left:10px;width:400px;float:left}
.page-node #main #node.avant_premiere .text h4{margin:0;top:10px;position:relative;display:block;margin-top:10px;font-weight:normal;font-size:14px;font-family:din_engschrift_stdregular;text-transform:uppercase}
.page-node #main #node.avant_premiere .title{position:relative;top:-10px;line-height: 24px;width: 600px;font-size:24px;color:#00e1ff;font-family:din_engschrift_stdregular;text-transform:uppercase}
.page-node #main #node.avant_premiere .text em.auteur{clear: both;display: block;font-style:normal;font-size:24px;color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase}
.page-node #main #node.avant_premiere .text .album-title{clear:both;display:block;color:#fff}
.page-node #main #node.avant_premiere .text .label{margin-top:5px;color:#b2b2b2;font-size:14px;font-family:din_alternatebold;}
.page-node #main #node.avant_premiere .text .label em{color:#fff;font-style:normal}
.page-node #main #node.avant_premiere .text .datesortie{color:#b2b2b2;font-size:14px;font-family:din_alternatebold;}
.page-node #main #node.avant_premiere .text .datesortie em{color:#fff;font-style:normal}
.page-node #main #node.avant_premiere .text .separate{background:#b2b2b2;width:230px;height:1px;clear:both;display:block;}
.page-node #main #node.avant_premiere .text .note{margin-top:12px;color:#b2b2b2;font-size:14px;font-family:din_alternatebold;}
.page-node #main #node.avant_premiere .text .note span.result{top:2px;position:relative;color:#00e1ff;font-size:24px;font-family:din_alternatebold;}
.page-node #main #node.avant_premiere .text .note em{top:0;position:relative;color:#fff;font-style:normal;font-size:24px;font-family:din_alternatebold;}
.page-node #main #node.avant_premiere .text .image-result{margin-top:10px;width:100%;display:block;clear:both}
.page-node #main #node.avant_premiere .text .image-result .images.valid{display:block;width:25px;height:25px;background:url(../../../../../sites/all/themes/dumdum/images/note.png)no-repeat}
.page-node #main #node.avant_premiere .text .image-result .images {padding-bottom:20px;float:left;display:block;width:25px;height:25px;background:url(../../../../../sites/all/themes/dumdum/images/note-false.png)no-repeat}
.page-node #main #node.avant_premiere .text .amazon{position:relative;top:7px;background:url(../../../../../sites/all/themes/dumdum/images/amazon.png)no-repeat;display:block;width:60px;height:20px}
.page-node #main #node.avant_premiere .text .itunes{background:url(../../../../../sites/all/themes/dumdum/images/itunes.png)no-repeat;display:block;width:70px;height:25px}
.page-node #main #node.avant_premiere .text .insound{background:url(../../../../../sites/all/themes/dumdum/images/insound.png)no-repeat;display:block;width:75px;height:25px}
.page-node #main #node.avant_premiere .text .links-buy a{display:block;float:left;margin-right:25px}
.page-node #main #node.avant_premiere .text .links-buy{margin-top: 15px;}
.right_navigation .view-content{margin-top:0!important}
.page-node #main .content-node{float:left;margin-top:0px;width:630px;border:1px solid #e6e6e6;background:#fff;min-height: 447px;}
.page-node #main .content-node .content-view {margin:20px 10px}
.page-node #main .content-node .content-view span.date{color:#b2b2b2;font-family:din_mittelschrift_stdregular;font-size:14px}
.page-node #main .content-node .content-view span.auteur{color:#222222;font-family:din_mittelschrift_stdregular;font-size:14px}
.page-node #main .content-node .content-view  .head{padding-bottom:10px;height:30px;width:100%;border-bottom:1px solid #b2b2b2}
.page-node #main .content-node .content-view  .head .social{float:right;width: 300px;}
.page-node #main .content-node .content-view  .head .social .twitter-share-button{float: right;
  position:relative;top:4px;left:20px}
.page-node #main .content-node .content-view  .head .social .fb-like{position:relative;left: 0;
top: 4px;float: right;
}
.page-node #main .content-node .content-view  .head .social .g-plusone{position:relative;top:1px}
.page-node #main #global .right{width:300px;height:350px;float:right;position:relative;right:0;margin-top:20px;float: right;clear:right;
}
.page-node #main #global .pub{width:300px;position:relative;right:0;float:right;margin-top:30px}
.page-node #main #global .pub img{width:300px;height:250px;display:block;}
.page-node #main #global .right ul{padding:0;margin:0}
.page-node #main #global .right ul li{height: 39px;position:relative;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;width:100%;display:block;padding:0;margin:0;list-style:none;clear:both;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #b2b2b2}
.page-node #main #global .right ul li.views-row-last{border:none}
.page-node #main #global .right h3{margin:0;font-weight:normal;text-align:left;color:#d9d9d9;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase}
.page-node #main #global .right .views-field-field-image{float:left;width:65px;height:40px}
.page-node #main #global .right .views-field-field-image img{display:block;width:65px;height:40px}
.page-node #main #global .right .views-field-field-pochette{float:left;width:40px;height:40px}
.page-node #main #global .right .views-field-field-pochette img{display:block;width:40px;height:40px}
.page-node #main #global .right .views-field-field-chapeau{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;position: relative;font-size:12px;font-family:din_alternatebold;color:#b2b2bb}
.page-node #main #global .right .views-field-field-artiste,.page-node #main #global .right .views-field-field-pochette,.page-node #main #global .right .views-field-title,.page-node #main #global .right .views-field-field-titre-album{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;position: relative;left: 15px;font-size:12px;font-family:din_alternatebold;color:#b2b2bb}
.page-node #main #global .right .views-field-field-chapeau .field-content,.page-node #main #global .right .views-field-field-artiste .field-content,.page-node #main #global .right .views-field-title .field-content{display:block;width: 282px;position:relative;left:10px;margin-left:5px}
.page-node #main #global .right .views-field-field-titre-album .field-content{position:relative;left:10px}
.page-node #main #global .right .views-field-nothing{width:100%;height: 80px;position: absolute;top: 0;}
.page-node #main #global .right .views-field-nothing a{display:block;width:100%;height:100%}
.page-node #main #global .right .separate{background:#222222;height:10px;width:100%;clear:both;margin-top: 5px;}
.page-node #main .content-node .content-view .contenu{text-align:left;margin-top:20px;color:#222222;font-size:14px!important;font-family:georgia!important;width:100%;}
.page-node #main .content-node .content-view .contenu span,.page-node #main .content-node .content-view .contenu p,.page-node #main .content-node .content-view .contenu font,.page-node #main .content-node .content-view .contenu strong,.page-node #main .content-node .content-view .contenu i{font-size:14px!important;font-family:georgia!important;}
.page-node #main .content-node .content-view .contenu a{color:#222222;text-decoration:underline}

.page-node #main .content-node .content-view .contenu .title{font-style:none;color:#222222;font-size:16px;font-family:din_alternatebold;}
.page-node #main .content-node .content-view .tags-content{clear:both;width:100%;font-size:12px;font-family:georgia;color:#222222;}
.page-node #main .content-node .content-view .tags-content h3{text-transform:uppercase;font-weight:normal;font-size:16px;color:#b2b2b2;font-family:din_alternatebold;margin: 5px 0 0 0;}
.page-node #main #commentaires{margin-top:20px;width:630px;border:1px solid #e6e6e6;background:#fff;}
.page-node #main #commentaires .fb-comments{margin:10px 10px}
.page-node #main #global .right ul li:hover{background:#2b2b2b;}
.page-node #main #global .right ul li:hover .views-field-field-chapeau{color:#cdcdcd}
.page-node #main #global .others_magazines{padding-top: 22px;clear:both;}
.page-node #main #global .others_magazines h3{margin:20px 0 10px 0;padding:0 0 0 10px;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#d9d9d9;font-weight:normal;line-height:26px}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row{overflow:hidden;position:relative;height:350px;width:320px;float:left;background:#f5f5f5;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row a{z-index: 10;display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span[data-icon]{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;-webkit-transform: translate3D(0, 0, 0);}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span[data-icon*=Interviews]{display:block;height:30px;width:23px;background:url(../../../../../sites/all/themes/dumdum/images/icon-interview.png)no-repeat;margin: 7px auto 2px auto;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span[data-icon=Clash]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-clash.png)no-repeat;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span[data-icon*=Next]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-next.png)no-repeat;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span[data-icon*=List]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-top.png)no-repeat;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span.date{text-align:center;color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:26px;display:block;width: 30px;margin: 0 auto;line-height:18px;word-wrap: break-word;text-align: center;position:absolute;bottom:20px;bottom: 20px;left: 50%;margin-left: -15px;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span.date em{text-align:center;font-style:normal;clear:both;display:block;line-height:14px;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span.date em:nth-child(2){font-size:16px;line-height:22px;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span.date em:nth-child(3){font-size:13px;line-height:8px;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .overlay{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;height:180px;position:absolute;z-index:10;left:10px;width:40px;background:rgba(34,34,34,0.9)}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span.type{color:#33d6ff;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;display:block;width: 34px;margin: 0 auto;line-height:15px;word-wrap: break-word;text-align: center;}

.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span.type[data-type*=Inter]:before{content:'intrvw'}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span.type[data-type*=Clash]:before{content:'clsh'}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span.type[data-type*=Next]:before{content:'nbt'}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row .overlay span.type[data-type*=List]:before{content:'list'}





.page-node #main #global .others_magazines .view-node-magazine-clash-others .image{position:relative;width:100%;height:180px;background:#aaa}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .image img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;top:0;position:absolute;display:block;width:100%;height:100%;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .bottom .text{padding-bottom: 10px;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .text{z-index:20;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;position:relative;left:0;border-left:1px solid #e3e3e6;width:300px;height:200px;margin:0;padding-right:19px;border-right:1px solid #e3e3e6;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .text span{display:block;margin:0 0 0 10px;font-size:17px;font-family:din_alternatebold;color:#222222;padding-top:10px}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .text p{display:block;margin:0 0 0 10px;font-size:12px;font-family:Georgia;color:#505050;padding-top:5px}
/* hover effects */
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row.current .overlay{-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;left:30px}
/*.front #main #magazines .content .view.current span[data-icon]{-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);transform: scale(0.6);}*/
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row.current .image img{border-bottom: 10px solid #00E1FF;}
.page-node #main #global .others_magazines .view-node-magazine-clash-others .view-row.current .text{background:#ffffff;margin-top:10px}
.page-node #main #global .separation{width:100%;border-top:1px solid #eaeaea;border-bottom:1px solid #dedede;height:0;position:absolute;left:0;clear:both}
.page-node #main .others_likes{left:2px;clear:both;top:10px;position:relative;}
.page-node #main .others_likes ul{padding:0;margin:0}
.page-node #main .others_likes ul li{position:relative;padding:0;margin:0;list-style:none;float:left;width:315px;height:92px;}
.page-node #main .others_likes ul li.views-row-first{border-right:1px solid #e7e7e7}
.page-node #main .others_likes ul li.views-row-last{border-right:1px solid #e7e7e7;right:2px}
.page-node #main .others_likes ul li a{display: block;height: 92px;position: absolute;top: 0;left: 0;width: 100%;}
.page-node #main .others_likes ul li .views-field-field-image{width:135px;height:92px;float:left}
.page-node #main .others_likes ul li .views-field-field-image img{width:135px;height:92px;display:block}
.page-node #main .others_likes ul li .views-field-field-pochette{width:135px;height:92px;float:left}
.page-node #main .others_likes ul li .views-field-field-pochette img{width:135px;height:92px;display:block}
.page-node #main .others_likes ul li .views-field-field-auteur{margin-top:10px}
.page-node #main .others_likes ul li.views-row-last .views-field-field-pochette{width:135px;height:92px;float:right}

.page-node #main .others_likes ul li .views-field-field-auteur,.page-node #main .others_likes ul li .views-field-title{width: 140px;line-height: 18px;float: left;margin-left: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 18px;color:#222222;margin-top:10px}
.page-node #main .others_likes ul li .views-field-field-titre-album,.page-node #main .others_likes ul li .views-field-title{width: 140px;line-height: 18px;float: left;margin-left: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;margin-top:10;pxfont-size: 18px;color:#222222}

.page-node #main .others_likes ul li .views-field-title{color:#b2b2b2;}
.page-node #main .others_likes ul li  .views-field-field-date-de-publication{font-size:14px;color:#b2b2b2;font-family:din_alternatebold;position:absolute;bottom:0;right:15px}
.page-node #main .others_likes ul li span.eyes{background:url(../../../../../sites/all/themes/dumdum/images/eyes.png)no-repeat;width: 20px;display: block;height: 10px;position:absolute;left:110px;bottom:0}
.page-node #main .others_likes ul li.views-row-last .views-field-field-image{width:135px;height:92px;float:right}
.page-node #main .others_likes ul li.views-row-last .views-field-field-auteur,.page-node #main .others_likes ul li.views-row-last .views-field-title{text-align:right;width: 140px;line-height: 18px;float: right;margin-right: 15px;margin-top:10px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 18px;color:#222222}
.page-node #main .others_likes ul li.views-row-last .views-field-field-titre-album,.page-node #main .others_likes ul li.views-row-last .views-field-title{text-align:right;text-align:right;width: 140px;line-height: 18px;float: right;margin-top:10px;margin-right: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 18px;color:#222222}
.page-node #main .others_likes ul li.views-row-1 .views-field-field-titre-album{border-bottom:1px solid #b2b2b2;padding-bottom:10px}

.page-node #main .others_likes ul li.views-row-last .views-field-field-titre-album{margin-left:0;border-bottom:1px solid #b2b2b2;padding-bottom:10px}

.page-node #main .others_likes ul li.views-row-last span.eyes{background:url(../../../../../sites/all/themes/dumdum/images/eyes.png)no-repeat;width: 20px;display: block;height: 10px;position:absolute;right:110px;bottom:0}
.page-node #main .others_likes ul li.views-row-last .views-field-field-date-de-publication{font-size:14px;color:#b2b2b2;font-family:din_alternatebold;position:absolute;bottom:0;left:15px}
.page-node #main .others_likes ul li.views-row-last .views-field-title{color:#b2b2b2;}



.node-type-chroniques  #main .others_likes ul li .views-field-field-pochette, .node-type-avant-premiere #main .others_likes ul li .views-field-field-pochette{width:92px;height:92px;float:left}

.node-type-avant-premiere #main .others_likes ul li .views-field-field-image,.node-type-chroniques #main .others_likes ul li .views-field-field-image {width:92px;height:92px;float:left}
.node-type-avant-premiere #main .others_likes ul li .views-field-field-image img,.node-type-chroniques #main .others_likes ul li .views-field-field-image img{width:92px;height:92px;display:block}
.node-type-avant-premiere #main .others_likes ul li .views-field-field-pochette,.node-type-chroniques  #main .others_likes ul li .views-field-field-image img{width:92px;height:92px;float:left}
.node-type-avant-premiere #main .others_likes ul li .views-field-field-pochette img,.node-type-chroniques #main .others_likes ul li .views-field-field-pochette img{width:92px;height:92px;display:block}
.node-type-avant-premiere #main .others_likes ul li .views-field-field-auteur,.node-type-chroniques #main .others_likes ul li .views-field-field-auteur{}
.node-type-avant-premiere #main .others_likes ul li.views-row-last .views-field-field-pochette,.node-type-chroniques #main .others_likes ul li.views-row-last .views-field-field-pochette{width:92px;height:92px;float:right}

.node-type-avant-premiere #main .others_likes ul li .views-field-field-auteur,.node-type-avant-premiere #main .others_likes ul li .views-field-title{width: 160px;line-height: 24px;float: left;margin-left: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 24px;color:#222222;}
.node-type-chroniques #main .others_likes ul li .views-field-field-auteur,.node-type-chroniques #main .others_likes ul li .views-field-title{width: 160px;line-height: 24px;float: left;margin-left: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 24px;color:#222222;}

.node-type-chroniques #main .others_likes ul li .views-field-field-titre-album,.node-type-chroniques #main .others_likes ul li .views-field-title{width: 160px;line-height: 24px;float: left;margin-left: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 24px;color:#222222}
.node-type-avant-premiere #main .others_likes ul li .views-field-field-titre-album,..node-type-avant-premiere #main .others_likes ul li .views-field-title{width: 160px;line-height: 24px;float: left;margin-left: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 24px;color:#222222}


.node-type-chroniques #main .others_likes ul li.views-row-last .views-field-field-auteur,.node-type-chroniques #main .others_likes ul li.views-row-last .views-field-title{text-align:right;width: 160px;line-height: 24px;float: right;margin-right: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 24px;color:#222222}
.node-type-avant-premiere #main .others_likes ul li.views-row-last .views-field-field-auteur,.node-type-avant-premiere #main .others_likes ul li.views-row-last .views-field-title{text-align:right;width: 160px;line-height: 24px;float: right;margin-right: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 24px;color:#222222}

.node-type-chroniques #main .others_likes ul li.views-row-last .views-field-field-titre-album,.node-type-chroniques #main .others_likes ul li.views-row-last .views-field-title{margin-top:0;text-align:right;text-align:right;width: 160px;line-height: 24px;float: right;margin-right: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 24px;color:#222222}
.node-type-avant-premiere #main .others_likes ul li.views-row-last .views-field-field-titre-album,.node-type-avant-premiere #main .others_likes ul li.views-row-last .views-field-title{margin-top:0;text-align:right;text-align:right;width: 160px;line-height: 24px;float: right;margin-right: 15px;font-family: din_engschrift_stdregular;text-transform: uppercase;font-size: 24px;color:#222222}




.page-node #main .verdict{padding-top:20px;position:relative;overflow:hidden;border-bottom:1px solid #b2b2b2;width:100%;margin:0 10px 0 0;color:#b2b2bb;font-family:din_engschrift_stdregular;font-size:16px}
.page-node #main .verdict .title{position: absolute;top: 15px;left: 10px;font-size:24px;text-transform:uppercase}
.page-node #main .verdict .percent{position:absolute;left: 23px;margin-top: 7px;color:#00e1ff;font-size:56px}
.page-node #main .verdict .desc{color:#666;font-family:din_mittelschrift_stdregular;font-size:13px;font-weight: 100;float:right;width:500px;border-top:1px solid #b2b2b2;}



.page-node #main .listomania .track-num{position: relative;height: 30px;width: 100%;padding-top: 30px;clear: both;left: -5px;}
.page-node #main .listomania .track-num a.play{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:transparent;border:1px solid #cccccc; border-radius:3px;display:block;width:30px;height:30px;float:left;margin:-5px 10px 0 10px}
.page-node #main .listomania .track-num a.play span{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;position: relative;top: 10px;left: 11px;border-left: 10px solid #666;border-bottom: 6px solid transparent;border-top: 6px solid transparent;}
.page-node #main .listomania .track-num span{line-height: 22px;display:block;float:left;font-family:din_alternatebold;font-size:14px;}
.page-node #main .listomania .track-num span.song,.page-node #main .listomania .track-num span.time{color:#222222;margin-right:5px}
.page-node #main .listomania .track-num span.time{float:right;margin-right:50px}
.page-node #main .listomania .track-num span.artist{color:#cccccc;font-family:dinregular}
.page-node #main .listomania .track-num a.play:hover{border:1px solid #222222; background:#222222}
.page-node #main .listomania .track-num a.play:hover span{border-left: 10px solid #ccc;}
.page-node #main .listomania .track-num a.play.current{border:1px solid #222222; background:#222222}
.page-node #main .listomania .track-num a.play.current span{border-left: 10px solid #ccc;}
.page-node #main .listomania .track-num a.love{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:transparent;border:1px solid #cccccc; border-radius:3px;display:block;width:30px;height:30px;float:right;margin:-5px 10px 0 0}
.page-node #main .listomania .track-num a.love span{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:url(../../../../../sites/all/themes/dumdum/images/coeur_n&b.png)no-repeat 8px;width:100%;height:100%;display:block}
.page-node #main .listomania .track-num a.love:hover span{background:url(../../../../../sites/all/themes/dumdum/images/coeur_color.png)no-repeat 8px;}
.page-node #main .listomania .track-num a.love:hover{border:1px solid #00e1ff; background:#00e1ff}
.page-node #main .listomania .track-num a.love.actif span{background:url(../../../../../sites/all/themes/dumdum/images/coeur_color.png)no-repeat 8px;}
.page-node #main .listomania .track-num a.love.actif{border:1px solid #00e1ff; background:#00e1ff}


.page-node #main .listomania .top-list-body{margin-top: 20px;font-size:14px;font-family:georgia;color:#222222;float:left}
.page-node #main .listomania .top-list-title{color:#222222;font-size:18px;font-family:din_alternatebold;float:left}
.page-node #main .listomania .top-list-number{left: 0;top: 10px;position:absolute;font-size:50px;color:#222222;font-family:din_engschrift_stdregular;float:left;}
.page-node #main .listomania .top-list-wrapper{overflow:hidden;position:relative;padding-bottom:30px;border-bottom:1px solid #b2b2b2;min-height: 100px;padding-left: 55px;width: 555px;padding-top:30px;}


.page-node #main .listomania .top-image-body{margin-top: 20px;font-size:14px;font-family:georgia;color:#222222;float:left}
.page-node #main .listomania .top-image-title{color:#222222;font-size:18px;font-family:din_alternatebold;float:left}
.page-node #main .listomania .top-image-number{left: 0;top: 10px;position:absolute;font-size:50px;color:#222222;font-family:din_engschrift_stdregular;float:left;}
.page-node #main .listomania .top-image-wrapper{position:relative;padding-bottom:30px;border-bottom:1px solid #b2b2b2;min-height: 100px;padding-left:80px;width:530px;padding-top:30px}

.page-node #main .listomania .top-image-url{top: 15px;overflow: hidden;
position: relative;margin-right: 10px;width: 100%;clear: both;}
.page-node #main .listomania .top-image-url img{max-width: 100%;}





.page-node #main .listomania .top-video-body{margin-top: 20px;font-size:14px;font-family:georgia;color:#222222;float:left}
.page-node #main .listomania .top-video-title{margin-left:10px;color:#222222;font-size:18px;font-family:din_alternatebold;float:left}
.page-node #main .listomania .top-video-number{left: 0;top: 10px;position:absolute;font-size:50px;color:#222222;font-family:din_engschrift_stdregular;float:left;}
.page-node #main .listomania .top-video-wrapper{position:relative;padding-bottom:30px;border-bottom:1px solid #b2b2b2;min-height: 100px;padding-left:80px;width:530px;padding-top:30px;}

.page-node #main .listomania .top-video-embed{
  top: 15px;
  position: relative;
  clear: both;
  width: 100%;
  margin-right: 10px;
}
.page-node #main .listomania .top-video-embed iframe{
  max-width: 100%;
  min-width: 100%;
}



.page-node #main .right_navigation{width: 329px;position: absolute;height: 60px;background: whiteSmoke;overflow: hidden;bottom: 0;right: 0;}
.page-node #main .right_navigation ul{padding:0;margin:0}
.page-node #main .right_navigation ul li{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;padding:0;margin:0;list-style:none;height:100%;width:164px;float:left;display:block}
.page-node #main .right_navigation ul li a{width: 135px;display:block;position:absolute;height:60px;z-index:10}
/*.page-node #main .right_navigation ul li.views-row-1 a{-webkit-transition: background .4s ease;-moz-transition: background .4s ease;-o-transition: background .4s ease;transition: background .4s ease;background:url(../../../../../sites/all/themes/dumdum/images/flecheg.png)no-repeat left}
.page-node #main .right_navigation ul li.views-row-1:hover a{background:url(../../../../../sites/all/themes/dumdum/images/flecheghover.png)no-repeat left}
.page-node #main .right_navigation ul li.views-row-2 a{right: 1px;-webkit-transition: background .4s ease;-moz-transition: background .4s ease;-o-transition: background .4s ease;transition: background .4s ease;background:url(../../../../../sites/all/themes/dumdum/images/flechehover.png)no-repeat right}
.page-node #main .right_navigation ul li.views-row-2:hover a{background:url(../../../../../sites/all/themes/dumdum/images/fleche.png)no-repeat right}*/

.page-node #main .right_navigation ul li a:hover .views-field-field-pochette{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.page-node #main .right_navigation ul li .views-field-field-pochette{float:left;width:60px;height:60px;}
.page-node #main .right_navigation ul li .views-field-field-pochette img{display:block;width:60px;height:60px;}
.page-node #main .right_navigation ul li .views-field-field-image{float:left;width:90px;height:60px;}
.page-node #main .right_navigation ul li .views-field-field-image img{display:block;width:90px;height:60px;}
.page-node #main .right_navigation ul li .views-field-field-date-de-publication{display:none}
.page-node #main .right_navigation ul li .views-field-field-auteur,.page-node #main .right_navigation ul li .views-field-title{z-index:11;position:relative;padding-left:5px;line-height:14px;float:left;width:99px;font-size:13px;font-family:din_engschrift_stdregular;text-transform:uppercase}
.page-node #main .right_navigation ul li .views-field-field-titre-album,.page-node #main .right_navigation ul li .views-field-title{z-index:11;position:relative;padding-left:5px;line-height:14px;float:left;width:99px;font-size:12px;font-family:din_engschrift_stdregular;text-transform:uppercase}
.page-node #main .right_navigation ul li.views-row-2{border-left:1px solid #ddd}
.page-node #main .right_navigation ul li .views-field-field-auteur{margin-top:10px;color:#222222}
.page-node #main .right_navigation ul li .views-field-field-titre-album{margin-top:10px;color:#222222}

.page-node #main .right_navigation ul li .views-field-title{color:#b2b2b2;position: relative;top: 3px;width: 65px;}
.page-node #main .right_navigation ul li.views-row-2 .views-field-field-pochette{float:right}
.page-node #main .right_navigation ul li.views-row-2 .views-field-field-image{float:right;right:1px;position:relative;}
.page-node #main .right_navigation ul li.views-row-2 .views-field-field-titre-album,.page-node #main .right_navigation ul li.views-row-2 .views-field-title{width: 95px;padding-left:0;padding-right:5px;text-align:right;float:right}

.page-node #main .right_navigation ul li.views-row-2 .views-field-field-auteur,.page-node #main .right_navigation ul li.views-row-2 .views-field-title{padding-left:0;padding-right:5px;text-align:right;float:right;width: 65px;}
.page-node .list-chro-avt h3{margin:20px 0 0 0;width:100%;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#D9D9D9;font-weight:normal;border-bottom:1px solid #D9D9D9;line-height:26px}
.page-node .list-chro-avt .content{padding-left:5px;padding-bottom:10px;float: left;margin-top: 20px;width: 630px;border: 1px solid #E6E6E6;background: white;}
.page-node .list-chro-avt .content .track-num{padding-top: 15px;position: relative;height: 30px;width: 100%;clear: both;left: -5px;}
.page-node .list-chro-avt .content .track-num a.play{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:transparent;border:1px solid #cccccc; border-radius:3px;display:block;width:30px;height:30px;float:left;margin:-5px 10px 0 10px}
.page-node .list-chro-avt .content .track-num a.play span{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;position: relative;top: 10px;left: 11px;border-left: 10px solid #666;border-bottom: 6px solid transparent;border-top: 6px solid transparent;}
.page-node .list-chro-avt .content .track-num span{line-height: 22px;display:block;float:left;font-family:din_alternatebold;font-size:14px;}
.page-node .list-chro-avt .content .track-num span.song,.page-node .list-chro-avt .content .track-num span.time{color:#222222;margin-right:5px}
.page-node .list-chro-avt .content .track-num span.time{float:right;margin-right:50px}
.page-node .list-chro-avt .content .track-num span.artist{color:#cccccc;font-family:dinregular}
.page-node .list-chro-avt .content .track-num a.play:hover{border:1px solid #222222; background:#222222}
.page-node .list-chro-avt .content .track-num a.play:hover span{border-left: 10px solid #ccc;}
.page-node .list-chro-avt .content .track-num a.play.current{border:1px solid #222222; background:#222222}
.page-node .list-chro-avt .content .track-num.token-listening a.play{border:1px solid #222222; background:#222222}

.page-node .list-chro-avt .content .track-num a.play.current span{border-left: 10px solid #ccc;}
.page-node .list-chro-avt .content .track-num a.love{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:transparent;border:1px solid #cccccc; border-radius:3px;display:block;width:30px;height:30px;float:right;margin:-5px 10px 0 0}
.page-node .list-chro-avt .content .track-num a.love span{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background:url(../../../../../sites/all/themes/dumdum/images/coeur_n&b.png)no-repeat 8px;width:100%;height:100%;display:block}
.page-node .list-chro-avt .content .track-num a.love:hover span{background:url(../../../../../sites/all/themes/dumdum/images/coeur_color.png)no-repeat 8px;}
.page-node .list-chro-avt .content .track-num a.love:hover{border:1px solid #00e1ff; background:#00e1ff}
.page-node .list-chro-avt .content .track-num a.love.actif span{background:url(../../../../../sites/all/themes/dumdum/images/coeur_color.png)no-repeat 8px;}
.page-node .list-chro-avt .content .track-num a.love.actif{border:1px solid #00e1ff; background:#00e1ff}
.page-node .list-chro-avt .content .top-list-body{margin-top: 20px;font-size:14px;font-family:georgia;color:#222222;float:left}
.page-node .list-chro-avt .content .top-list-title{display:none}
.page-node .list-chro-avt .content .top-list-number{display:none;}
.page-node #main #global ul.pager{height:100%;padding:0;margin:0; display: block;text-align:center;border-top: 1px solid #B2B2B2;margin: 30px 0 10px 0px;padding-top: 30px; }
.page-node #main #global ul.pager li{overflow:hidden;margin:0;margin-left: -4px;padding:0;background:transparent;display:inline-block;height:30px;list-style:none;font-family:din_engschrift_stdregular;}
.page-node #main #global ul.pager li a{cursor:pointer;padding:0 15px 0 15px;line-height:31px;display:block;height:100%;text-align:center;text-decoration:none;text-transform:uppercase;font-size:14px;color:#808080}
.page-node #main #global ul.pager li.pager-item:hover{background:#222222}
.page-node #main #global ul.pager li.pager-current{background:#222222;color:#fff;font-size:14px;color:#808080;line-height:31px;}





.page-node #main #global .others_magazines .view-node-albums-others .view-content{overflow:hidden;overflow: hidden;padding-bottom: 15px;}
.page-node #main #global .others_magazines .view-node-albums-others  .view-row a{z-index: 100;display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.page-node #main #global .others_magazines .view-node-albums-others  .view-row{overflow:hidden;position:relative;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;float:left;position:relative;height:300px;width:220px;margin:20px 10px 0 10px}
.page-node #main #global .others_magazines .view-node-albums-others  .view-row .overlay span[data-icon]{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;-webkit-transform: translate3D(0, 0, 0);}
.page-node #main #global .others_magazines .view-node-albums-others  .view-row .overlay span[data-icon=Chroniques]{display:block;height:30px;width:26px;background:url(../../../../../sites/all/themes/dumdum/images/chroniques.png)no-repeat;margin: 7px auto 2px auto;}
.page-node #main #global .others_magazines .view-node-albums-others  .view-row .overlay span[data-icon*=Avant]{display:block;height:20px;width:30px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/avantpremiere.png)no-repeat;}
.page-node #main #global .others_magazines .view-node-albums-others .view-row .overlay span[data-icon*=tweet]{display:block;height: 27px;width: 24px;margin: 7px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/chrotweet.png)no-repeat;}


.page-node #main #global .others_magazines .view-node-albums-others  .view-row .overlay span.type[data-type*=Chro]:before{content:'chrnq'}
.page-node #main #global .others_magazines .view-node-albums-others  .view-row .overlay span.type[data-type*=Avant]:before{content:'avt-pr'}

.page-node #main #global .others_magazines .view-node-albums-others  .view-row .overlay span.date{text-align:center;color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:26px;display:block;width: 30px;margin: 0 auto;line-height:18px;word-wrap: break-word;text-align: center;position:absolute;bottom:20px;bottom: 20px;left: 50%;margin-left: -15px;}
.page-node #main #global .others_magazines .view-node-albums-others  .view-row .overlay span.date em{text-align:center;font-style:normal;clear:both;display:block;line-height:14px;}
.page-node #main #global .others_magazines .view-node-albums-others  .view-row .overlay span.date em:nth-child(2){font-size:16px;line-height:22px;}
.page-node #main #global .others_magazines .view-node-albums-others  .view-row .overlay span.date em:nth-child(3){font-size:13px;line-height:8px;}
.page-node #main #global .others_magazines .view-node-albums-others  .overlay{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;height:220px;position:absolute;z-index:10;left:0;width:40px;background:rgba(34,34,34,0.9)}
.page-node #main #global .others_magazines .view-node-albums-others .view-row .overlay span.type{color:#33d6ff;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;display:block;width: 35px;margin: 0 auto;line-height:15px;word-wrap: break-word;text-align: center;}
.page-node #main #global .others_magazines .view-node-albums-others  .view-row img{width:220px;display:block;height:220px}
.page-node #main #global .others_magazines .view-node-albums-others .view-row .text{position: relative;z-index: 110;border-bottom:1px solid #222222;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;padding-top:17px;height:62px}
.page-node #main #global .others_magazines .view-node-albums-others .view-row .text .artist{font-family: din_alternatebold;font-size: 17px;color: #B2B2B2;margin: 0;text-align: center;}
.page-node #main #global .others_magazines .view-node-albums-others .view-row .text .title{line-height: 16px;font-family: din_alternatebold;font-size: 17px;color: #222222;margin: 0;text-align: center;}
.page-node #main #global .others_magazines .view-node-albums-others .view-row .chapeau{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: absolute;top: 0;right: -180px;width: 180px;height: 220px;background: rgba(34,34,34,0.9)}
.page-node #main #global .others_magazines .view-node-albums-others .view-row .chapeau p{margin:0;color:#fff;font-size:12px;font-family:georgia;margin-top: 40px;margin-left:5px}
.page-node #main #global .others_magazines .view-node-albums-others .view-row.current{position:relative;}
.page-node #main #global .others_magazines .view-node-albums-others .view-row.current .text{background:#fff;border-bottom:10px solid #00e1ff;padding-top:7px}
.page-node #main #global .others_magazines .view-node-albums-others .view-row.current .chapeau{right:0}
.node-type-avant-premiere footer{margin-top:55px}
.page-node .right .view-content{margin-top:0!important}
/* PAGE SEARCH */
.page-search #top-images{height: 255px;position:absolute;}
.page-search #main{position:inherit!important;}
.page-search h2{position:relative;margin:-15px 0 0 0;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#666666;font-weight:normal;border-bottom:1px solid #4d4d4d;line-height:26px}
.page-search h2 em{color:#fff;font-style:normal}
.page-search h2 span.number{display:block;float:right;color:#fff;width: 280px;text-align: right;}
.page-search  .row-result{border:1px solid #e6e6e6;position:relative;float: left;clear: both;background:#ffffff;width:100%}
.page-search ol{padding-top: 20px;}
.page-search  .row-result .image{float: right;clear: both;width:200px;height:200px}
.page-search  .row-result .image img{display:block;width:100%}

.page-search  .row-result .overlay span[data-icon]{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;-webkit-transform: translate3D(0, 0, 0);}
.page-search  .row-result .overlay span[data-icon*=chro]{display:block;height:30px;width:26px;background:url(../../../../../sites/all/themes/dumdum/images/chroniques.png)no-repeat;margin: 7px auto 2px auto;}
.page-search  .row-result .overlay span[data-icon*=avant]{display:block;height:20px;width:30px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/avantpremiere.png)no-repeat;}
.page-search  .row-result .overlay span[data-icon*=tweet]{display:block;height: 27px;width: 24px;margin: 7px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/chrotweet.png)no-repeat;}

.page-search  .row-result .overlay span.date{text-align:center;color:#b2b2b2;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:26px;display:block;width: 30px;margin: 0 auto;line-height:18px;word-wrap: break-word;text-align: center;position:absolute;bottom:20px;bottom: 20px;left: 50%;margin-left: -15px;}
.page-search  .row-result .overlay span.date em{text-align:center;font-style:normal;clear:both;display:block;line-height:14px;}
.page-search  .row-result .overlay span.date em:nth-child(2){font-size:16px;line-height:22px;}
.page-search  .row-result .overlay span.date em:nth-child(3){font-size:13px;line-height:8px;}
.page-search  .overlay{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;top:0;height:100%;position:absolute;z-index:10;left:0;width:40px;background:rgba(34,34,34,0.9)}
.page-search  .row-result .overlay span.type{color:#33d6ff;font-family:din_engschrift_stdregular;text-transform:uppercase;font-size:14px;display:block;width: 35px;margin: 0 auto;line-height:15px;word-wrap: break-word;text-align: center;}
.page-search  .row-result .overlay span[data-type*=chro]:before{content:'chrnq'}
.page-search  .row-result .overlay span[data-type*=int]:before{content:'intrvw'}
.page-search  .row-result .overlay span[data-type*=top_liste]:before{content:'listo'}
.page-search  .row-result .overlay span[data-type*=clash]:before{content:'clsh'}
.page-search  .row-result .overlay span[data-type*=next]:before{content:'nbt'}
.page-search  .row-result .overlay span[data-type*=avant]:before{content:'avt-pr'}
.page-search  .row-result .overlay span[data-icon*=int]{display:block;height:30px;width:23px;background:url(../../../../../sites/all/themes/dumdum/images/icon-interview.png)no-repeat;margin: 7px auto 2px auto;}
.page-search  .row-result .overlay span[data-icon=clash]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-clash.png)no-repeat;}
.page-search  .row-result .overlay span[data-icon*=next]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-next.png)no-repeat;}
.page-search  .row-result .overlay span[data-icon*=top_liste]{display:block;height:20px;width:24px;margin:13px auto 7px auto;background:url(../../../../../sites/all/themes/dumdum/images/icon-top.png)no-repeat;}
.page-search  .row-result .text{position:relative;left:90px;width: 550px;}
.page-search  .row-result .text h3{color:#222222;font-size:17px;font-family:din_alternatebold;font-weight:normal;}
.page-search  .row-result .chapeau{color:#444444;font-size:12px;font-family:georgia}
.page-search .search-results{min-height:100px}
#main .view.view-magazine-incontournable .view-content{margin-top:0}
.front #main .content .right .view-content{height: 282px;}
.page-node #main .view .view-content{margin-top:0}

a.grey-link{ color: #A2A2A2; }
.grey-link{
    color: #A2A2A2;
    font-family: din_engschrift_stdregular;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
	letter-spacing:2px;
}
.grey-link img{
  margin-bottom:3px;
}
.block-pos-anchor{
  display:block; width:300px; height:60px; position:absolute; top:0; left:0;
}

/* CONTACT */
.page-contact #top-images{height: 325px;position:absolute;}
.page-contact #main{position: inherit!important;}
.page-contact h2{position:relative;margin:-15px 0 0 0;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#666666;font-weight:normal;border-bottom:1px solid #4d4d4d;line-height:26px}
.page-contact #contact{position: relative;}
.page-contact #contactez-nous{overflow: hidden;position: relative;top: 25px;background: #fff;padding-bottom:50px;min-height: 150px;width: 100%;padding-top: 20px;border: 1px solid #f2f1f1;}
.page-contact #contactez-nous h4{font-family: din_engschrift_stdregular;color: #b2b2b2;font-size: 56px;text-transform:uppercase;margin: 0;width: 300px;line-height: 55px;text-align:right;font-weight: normal;display: block;float: left;height: 100%;}
.page-contact .text{float: left;position: relative;width: 600px;margin-left: 20px;border-radius: 2px;}
.page-contact  .text p{color: #666666;font-family: georgia;font-size: 14px;}
.page-contact .text.border{float: right;margin-right:10px;margin-left: 40px;border-bottom: 1px solid #b2b2b2;}
.page-contact #contactez-nous .text a{position: relative;color: #ccc;font-family: din_engschrift_stdregular;font-size: 14px;text-transform:uppercase;text-decoration: none;background: #222222;padding-left: 20px;width: 200px;height: 23px; border-radius: 2px;display: block;padding-top: 7px;font-style: normal;text-align: center;}
.page-contact #contactez-nous .text a span{background: url(../../../../../sites/all/themes/dumdum/images/mail.png)no-repeat;display: block;width: 25px;position: absolute;left: 30px;height: 15px;margin-top: 2px;}
.page-contact #aloeil{overflow: hidden;margin-top: 45px;position: relative;background: #fff;padding-bottom:50px;min-height: 480px;width: 100%;padding-top: 20px;border: 1px solid #f2f1f1;}
.page-contact #aloeil h4{height: 100%;font-family: din_engschrift_stdregular;color: #b2b2b2;font-size: 56px;text-transform:uppercase;margin: 0;width: 310px;line-height: 55px;text-align:right;font-weight: normal;display: block;float: left;}
.page-contact .twitter-follow-button{float: left;position: relative;top: 25px;}
.page-contact #aloeil .text:not(.first) p{float: right;padding-top: 10px;width: 370px;margin-left: 30px;}
.page-contact #aloeil .text.second p{float: right;margin-left: 10px;}
.page-contact #aloeil .text a{float: left;position: relative;top: 25px;color: #ccc;font-family: din_engschrift_stdregular;font-size: 14px;text-transform:uppercase;text-decoration: none;background: #222222;padding-left: 20px;width: 200px;height: 23px; border-radius: 2px;display: block;padding-top: 7px;font-style: normal;text-align: center;}
.page-contact #aloeil .text a span{background: url(../../../../../sites/all/themes/dumdum/images/flux.png)no-repeat;display: block;width: 25px;position: absolute;left: 30px;height: 15px;margin-top: 0px;}
.page-contact #aloeil .text.border {margin-left: 30px;}
.page-contact #aloeil .text{width: 610px; }
.page-contact #aloeil .text.second iframe{position:relative;top: 25px;}

/* EQUIPE */
.page-equipe #top-images{height: 325px;position:absolute;}
.page-equipe #main{position: inherit!important;}
.page-equipe h2{position:relative;margin:-15px 0 0 0;font-size:38px;font-family:din_engschrift_stdregular;text-transform:uppercase;color:#666666;font-weight:normal;border-bottom:1px solid #4d4d4d;line-height:26px}
.page-equipe #equipe{position: relative;}
.page-equipe #lequipe{overflow: hidden;position: relative;top: 25px;background: #fff;padding-bottom:50px;min-height: 150px;width: 100%;padding-top: 20px;border: 1px solid #f2f1f1;}
.page-equipe #lequipe h4{font-family: din_engschrift_stdregular;color: #b2b2b2;font-size: 56px;text-transform:uppercase;margin: 0;width: 300px;line-height: 55px;text-align:right;font-weight: normal;display: block;float: left;height: 100%;}
.page-equipe .text{float: left;position: relative;width: 600px;border-radius: 2px;}
.page-equipe  .text p{color: #666666;font-family: georgia;font-size: 14px;margin-right:10px;display:block}
.page-equipe .others{margin-top:61px;overflow: hidden;position: relative;top: 25px;background: #fff;padding-bottom:50px;min-height: 150px;width: 100%;padding-top: 20px;border: 1px solid #f2f1f1;}
.page-equipe .others h4{font-family: din_engschrift_stdregular;color: #b2b2b2;font-size: 56px;text-transform:uppercase;margin: 0;width: 300px;line-height: 55px;text-align:right;font-weight: normal;display: block;float: left;height: 100%;}
.page-equipe .others .perso{height:225px;width:140px;float:left;margin: 20px 10px 0 10px;}
.page-equipe .others .text{width: 960px;}
.page-equipe .others .perso img{display:block;width:130px;height:130px;border:5px solid #222222}
.page-equipe .others .perso .name{display: block;color:#222222;font-family:din_alternatebold;font-size:14px;text-align:left;margin-top:5px}
.page-equipe .others .perso .role{color:#666666;font-family:georgia;font-size:14px;text-align:left;}
.page-equipe .others .perso .contact{background:url(../../../../../sites/all/themes/dumdum/images/mail2.png)no-repeat;width:25px;height:15px;display:block;margin-top:5px}


.right_navigation .nav-previous,.right_navigation .nav-next{position:relative;transition: all .4s ease;padding: 0;margin: 0;list-style: none;height: 100%;width: 164px;float: left;display: block;}
.right_navigation .nav-previous .nav-image{float: left;width: 90px;height: 60px;}
.chroniques .nav-image{width:60px!important}
.chroniques .nav-image img{width:60px!important}
.right_navigation .nav-previous .nav-image img,.right_navigation .nav-next .nav-image img{display: block;width: 90px;height: 60px;}
.chroniques .right_navigation .nav-previous .nav_text,.chroniques .right_navigation .nav-next .nav_text{font-size: 12px!important;}
.chroniques .right_navigation .nav-next .nav_text{margin-right:5px;text-align:right!important;float:right!important}
.chroniques .right_navigation .nav-next .nav_titre_album{margin-right:5px;text-align:right!important;float:right!important}
.right_navigation .nav-previous .nav_text,.right_navigation .nav-next .nav_text{padding-top:5px;z-index: 11;position: relative;padding-left: 5px;line-height: 12px;float: left;width: 67px;font-size: 9px;font-family: din_engschrift_stdregular;text-transform: uppercase;color: #B2B2B2;text-transform: uppercase;}
.right_navigation .nav-previous .nav_titre_album,.right_navigation .nav-next .nav_titre_album{padding-top:8px;z-index: 11;position: relative;padding-left: 5px;line-height: 12px;float: left;width: 67px;font-size: 12px;font-family: din_engschrift_stdregular;text-transform: uppercase;color: #000;text-transform: uppercase;}

.right_navigation .nav-next {float: right;}
.right_navigation .nav-previous{border-right:1px solid #ddd; }
.right_navigation .nav-next .nav-image{float: right;width: 90px;height: 60px;}
.right_navigation .nav-previous a,.right_navigation .nav-next a{width:100%;height:100%;display:block;position:absolute;top:0;left:0}


.node-type-article.page-node #main #node .title {margin-top:30px}
.node-type-article.page-node #main #node {position: relative;height: 433px;}


.item-list .title{font-weight:400}
li.expanded,li.collapsed,li.leaf{margin:0;padding:0}
.button-login *{color:transparent!important}
.fb-buttom-wrapper{margin-top:-5px;position:absolute;right:0;width:249px;height:28px;overflow:hidden}
/* Gerard, you need to specify the site on which this throbber should have absolute positioning, becouse on user login page the throbber went to the space.. */
.gerard .ajax-progress .throbber{background:none;display:block;position:absolute;width:20px;height:20px;left:30px;margin-left:-10px;top:40px}
ul.pager .ajax-progress-throbber{position:absolute;top:-50px;left:50%;margin-left:-10px;width:20px;height:20px}
#soundcloud-player-core{position:absolute!important;z-index:-100000!important;top:-100000px!important;opacity:0!important;visibility:hidden!important}
#toolbar{position:absolute;top:0}
#loading{width:30px;height:30px;position:fixed;left:30px;top:40px;margin-top:-15px;z-index:2000;display:none}
.search-form div #edit-basic,.search-form div #edit-advanced{display:none}
.ajax-progress.ajax-progress-throbber,.ahah-progress{background:none}


.like-inactive { background-color: red}
.like-active { background-color: blue}

.login-user {
    left: 300px;
    position: absolute;
    top: 50px
}

.ajax-register-links  .first {
  float:  right;
}

.ajax-register-links .last {
  float:  left;
}

header #anonymous-links { 
  position: absolute;
  top: 45px;
  right:343px;
  z-index: 100;
  color: white;
}

header #anonymous-links a {
    color: #00e1ff;
    font-family: din_alternatebold;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

#modalContent .ctools-modal-content {
	border: none;
	-moz-box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000;
}


#modalContent .modal-header {
	height: 40px;
	padding-top: 20px;
	background: #363636;
	text-align: center;
}

#modalContent #modal-title {
	color: #ebebeb;
	font-family: din_engschrift_stdregular;
	font-size: 29px;
	text-transform: uppercase;
	font-weight: normal;
}

.login-popup-wrapper .login .description {
	display: none;
}

.login-popup-wrapper .login .remind {
	text-align: right;
}

.login-popup-wrapper .login .remind a {
	color: #222;
	text-decoration: none;
	font-size: 11px;
}

.login-popup-wrapper .login {
	float: left;
	width: 380px;
	margin-right: 20px;
	margin-bottom: 20px;
	color: #666;
}

.login-popup-wrapper .body-login {
	float: left;
	width: 220px;
	margin-right: 20px;
	padding: 0 80px;
	color: #666;
}

#modalContent #modal-content {
	background: #EBEBEB;
	font-size: 12px;
	font-family: Georgia;
	line-height: 1.6em;
}

.login-popup-wrapper .body-subscriber {
	width: 220px;
	margin-right: 20px;
	padding: 0 80px;
	color: #666;
}

.login-popup-wrapper .body-subscriber {
	font-size: 12px;
	font-family: Georgia;
	line-height: 1.6em;
}

.login-popup-wrapper .body-subscriber strong {
	color: #222;
	font-weight: normal;
}

.login-popup-wrapper .subscriber {
	float: left;
	width: 380px;
	margin-bottom: 20px;
}

#modalContent input#edit-submit,#modalContent input#edit-submit--1,#modalContent input#edit-submit--2,#modalContent input#edit-submit--3,#modalContent input#edit-submit--4,#modalContent input#edit-submit--5,#modalContent input#edit-submit--6,
.login-popup-wrapper input.form-submit,
.login-popup-wrapper .subscriber .dumdum-button, 
.login-popup-wrapper .subscriber .dumdum-button-p a {
  display: block;
  text-align: center;
  color: #ebebeb;
  font-size: 18px;
  margin-top: 20px;
  width: 220px;
  margin: 20px 0 10px 0;
  line-height:22px;
}

.login-popup-wrapper .login .form-text,
.login-popup-wrapper .login #edit-name,
.login-popup-wrapper .login #edit-pass {
	width: 209px;
	border: 1px solid #b2b2b2;
	background: #fff;
	color: #666;
	padding: 6px 5px;
	font-size: 16px;
}
.login-popup-wrapper .login .form-text.error, .login-popup-wrapper .login #edit-name.error, .login-popup-wrapper .login #edit-pass.error {
  border: 1px solid #d23c3e;
}
.login-popup-wrapper .form-item{
  margin-top:11px;
  margin-bottom:13px;
} 

.login-popup-wrapper #remember-me-label {
	display: inline;
	font-size: 11px;
	color: #222;
	padding-left: 4px;
}

.login-popup-wrapper .login label {
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 5px;
}

.login-popup-wrapper hr, .register-popup-wrapper hr  {
	clear: left;
	height: 10px;
	background: #666;
	margin: 20px 0 20px 0;
}

.login-popup-wrapper h2 {
	font-family: din_alternatebold;
	font-weight: normal;
	font-size: 16px;
	color: #222;
	border-bottom: 1px solid #222;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#modalContent .close {
	margin-right: 10px;
	margin-top: -10px;
}

.login-popup-wrapper .bottom-login h2, .register-popup-wrapper .bottom-login h2 {
	border: none;
	margin: 3px 10px 0 0;
	padding: 0;
	float: left;
}

.login-popup-wrapper .bottom-login li {
	list-style: none;
}

.login-popup-wrapper .bottom-login span {
	float: left;
}

.fb_user-login-button-wrapper a,
.fb_user-login-button-wrapper div {
	display: block;
	height: 22px;
}

footer #foot p.tbscg {
    border-top: 1px solid #b2b2b2;
    padding-top: 15px;
}

footer #foot p.tbscg a {
    color: #b2b2b2;
}

.view-compilations-all .view-filters {
  display: block!important;
}

.login-wrapper .description {
  display: none;
}

.login-popup-wrapper.popup-wrapper{
  font-family:Georgia;
}
.ajax-progress.ajax-progress-throbber .message{
  font-size:12px;
}

.view-id-news.view-display-id-page .artiste{
  /*font-weight:bold;*/
}

.pass-popup-wrapper #edit-submit {
  width: 290px!important;
}


.node-type-news #main > a[href="/twitter/redirect"]{
  display: none!important;
}

body.toolbar-drawer {
    padding-top: 0;
}


.top-magazine .views-field-title, .top-mag .views-field-title{
    margin-left: 60px;
    color: #b2b2b2;
    font-family: din_alternatebold;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-decoration: none;
}

.top-magazine .views-field-title a, .top-mag .views-field-title a{
    color: #b2b2b2;
    font-family: din_alternatebold;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}

.page-play #singles .content .left .view .text .desc {
  font-size: 13px;
  margin-top: 15px;
}

.page-play #singles .content .left .view .text .desc p {
  line-height: 17px;
  font-family: dinregular;
}

.track-play-like {
  margin-top: 15px;
}
.track-play-like span.like {
  padding: 4px 40px;
  text-align: center;
  cursor: pointer;
  font-family: dinregular;
}

.track-play-like span.like-active {
  background-color: #00e1ff;
  color: #fff;
  border: 1px solid #00e1ff;
  border-radius: 3px 3px 3px 3px;
}

.track-play-like span.like-active:hover {
background-color: #fff;
color: #b2b2b2;
border: 1px solid #ccc;
border-radius: 3px 3px 3px 3px;
}

.track-play-like span.like-inactive {
background-color: #fff;
color: #b2b2b2;
border: 1px solid #ccc;
border-radius: 3px 3px 3px 3px;
}

.page-node #main #node .text .amazon{position:relative;top:7px;background:url(../../../../../sites/all/themes/dumdum/images/amazon.png)no-repeat;display:block;width:60px;height:20px}
.page-node #main #node .text .itunes{background:url(../../../../../sites/all/themes/dumdum/images/itunes.png)no-repeat;display:block;width:70px;height:25px}
.page-node #main #node .text .insound{background:url(../../../../../sites/all/themes/dumdum/images/Qobuz.gif)no-repeat!important;display:block;width:73px;height:34px}
.page-node #main #node .text .links-buy a{display:block;float:left;margin-right:25px}
.page-node #main #node .text .links-buy{margin-top: 15px;}

.form-item-field-user-cguv-und > label{
  display: none;
}

.form-item-field-user-cguv-und-cguv a{
  color: #666;
  text-decoration: underline;
}
#toolbar{
  position:fixed;
  top:0px;
}

.page-node.front.toolbar #top-images, .toolbar #top-images{ margin-top: 63px; height:700px; }
.page-node.toolbar #top-images{ margin-top: 63px; height:675px; }
.page-node.node-type-chroniques.toolbar #top-images{ height:580px; }
.page-user.toolbar #top-images{ margin-top: 63px; }

.login-popup-wrapper .login .remind {
	text-align: right;
}

.login-popup-wrapper .login .remind a {
	color: #222;
	text-decoration: none;
	font-size: 11px;
}

.login-wrapper {
  float: left;
  margin-right: 50px;
  width: 300px;
}

.account-wrapper {
  margin-right: 0px;
  margin-bottom: 20px;
}
#user-register-form .login-wrapper.account-wrapper{
  /*display:none;*/
}

.password-strength {
  display: none;
}
.view-id-faq.view-display-id-page, #main .view.view-id-faq.view-display-id-page .view-content{
  margin-top:0px;
}
.view-id-faq.view-display-id-page fieldset legend span{
  color:#B2B2B2;
  font-family: din_engschrift_stdregular;
  font-size: 23px;
  font-weight: normal;
  line-height: 23px;
  text-decoration: none;
  text-transform: uppercase;
}
.view-id-faq.view-display-id-page fieldset.collapsed legend span{
  color:#000;	
}
.view-id-faq.view-display-id-page fieldset legend{
  display:block;
  width:660px;
  cursor:pointer;
}
.view-id-faq.view-display-id-page fieldset legend .fieldset-legend{
  background-position:5px 7px;
  padding-left:20px;
}
html.js .view-id-faq.view-display-id-page fieldset{
  padding:10px 0;
  margin:22px 0;
  border-bottom: 1px solid #EBEBEB;
}
html.js .view-id-faq.view-display-id-page fieldset p{
  margin-top:0px;
}
html.js .view-id-faq.view-display-id-page fieldset .fieldset-wrapper{
  padding-left:50px;	
}
html.js .view-id-faq.view-display-id-page fieldset.collapsed {
  height:auto;
  
}

.faq-header{
  color: #B2B2B2;
  font-size: 17px;
  font-weight: normal;
  line-height: 43px;
  text-decoration: none;
  text-align:center;
}