@CHARSET "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

/* Reset */
html{-webkit-text-size-adjust:none;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
*:focus {outline:none;}
strong{font-weight:bolder;}
b{color:#ca7810; font-weight:normal;}
header,footer,nav,aside,section,article{display:block;}
*{-webkit-appearance:none;}

/* Class */
.liquid { width:100%; margin:0 auto; }
.left { float:left; }
.right { float:right; }
.center { margin:0 auto; padding:0; }
.relative { position:relative; }
.absolute { position:absolute; }
.block { display:block; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.italic { font-style:italic; }
.justify { text-align:justify; }
.star { color:#29aae2; }
.hidden { display:none; }
.clear { clear:both; }
.cursor { cursor:pointer; }
.error { border:1px solid #f4787c; border-left:1px solid #f4787c; }

/* Special Class */
.margin-left { margin-left:15px ;}
.margin-right { margin-right:15px; }
.margin-right-small { margin-right:5px; }
.margin-top { margin-top:15px; }
.margin-top-small { margin-top:5px; }
.margin-top-long { margin-top:18px; }
.margin-top-article { margin-top:55px; }
.margin-bottom-small { margin-bottom:5px; }
.padding { padding:10px; }
.padding-top-small { padding-top:3px; }
.padding-top { padding-top:10px; }
.padding-left { padding-left:10px; }
.radius { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.radius-bottom { -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }
.radius-left { -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
.radius-soft { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.radius-round { -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }
.text-shadow { text-shadow: 1px 1px 1px #000000; filter:dropshadow(color=#000000, offx=1, offy=1); }
.icon, .sprite { background:url('../im/design/sprites.png'); background-size:1523px 154px; }
.wait { background:url('../im/design/spinner.gif') no-repeat center #fff; }
.more { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:5px 0 0 8px;
width:20px; height:20px; font-size:22px; font-weight:700; background:#c9c9c9; color:#fff; line-height:20px; text-align:center; cursor:pointer; }
.more:hover { background:#aaa; }
p.small { font-size:12px; }
.underline { border-bottom:3px solid #F9A629; margin-bottom:20px; }
.img-article { padding:3px 10px 3px 0; }
.img-logo-programme { width:100px; height:100px; margin:71px 12px 18px 0; border:1px solid #eee; }
.bckg-gris { background:#f8f8f8; }

/* Elements Class */
body { color:#4b4b4b; background:#303030; font-family:"Lato", Arial; font-size:14px; font-weight:300; }
p { font-size:14px; margin-bottom:10px; text-align:justify; }
p.middle { font-size:12px; line-height:14px; margin-bottom:0; }
p.small { font-size:10px; line-height:12px; margin-bottom:0; }
a { text-decoration:none; color:#4b4b4b; }
p a { color:#F9A629; }
a.actu, article.actu a { color:#6ac5ff; }
a.event, article.event a { color:#f94e4e; }
a.prog, article.prog a { color:#f9af6b; }
h1, .h1 { font-size:30px; font-weight:700; line-height:50px; text-transform:uppercase; }
h1.actu, h2.actu { border-top:2px solid #6ac5ff; line-height:33px; padding:10px 0; }
h1.event, h2.event { border-top:2px solid #f94e4e; line-height:33px; padding:10px 0; }
h1.prog, h2.prog { border-top:2px solid #f9af6b; line-height:33px; padding:10px 0; }
h2, .h2 { font-size:16px; font-weight:400; line-height:34px; }
h3, .h3 { font-size:14px; font-weight:400; line-height:30px; }

/* Structure Class */
.site { }
.larg { width:960px; margin:0 auto; }
.bckg-larg { width:100%; margin:0 auto; background:#f8f8f8; }
.bckg { background:url('../im/design/bckg.png'); margin:0 auto; min-height:500px; width:1122px ;}
.dbl-bloc { width:635px; }
.bloc { width:310px; }
.main {  }

/* Header */ 
header { height:100px; border-bottom:1px solid #505050;
  background: #626262; /* Old browsers */
  background: -moz-linear-gradient(top,  #626262 0%, #303030 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(50%,#303030)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #626262 0%,#303030 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #626262 0%,#303030 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #626262 0%,#303030 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #626262 0%,#303030 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#303030',GradientType=0 ); /* IE6-9 */ }
header .logo { padding:10px 0 0 0; height:79px; width:130px; display:block; }
header .player { width:470px; height:80px; background:#3e3e3e; border:1px solid #0c0c0c; margin:10px 0 0 110px; position:relative; }
header .player p { padding:0; margin:0; }
header .player .image { /*background:url() #fff;*/ width:65px; height:65px; margin:8px 8px 0 8px; }  
header .player .image img { width:65px; height:65px; } 
header .player .content { width:302px; margin:8px 0 0 0; }
header .player .content p { text-align:left; }
header .player .content .status { color:#8b8b8b; text-transform:uppercase; font-size:12px; line-height:16px; font-weight:400; }
header .player .content .status span.icon { display:block; width:12px; height:14px; }
header .player .content .podcast span.icon { background-position:-1154px -3px; }
header .player .content .playlist span.icon { background-position:-1182px -3px; }
header .player .content .live { color:#f94e4e; }
header .player .content .live span.icon { background-position:-1168px -3px; }
header .player .content .title { display:block; height:14px; width:240px; overflow:hidden; color:#fff; text-transform:uppercase; font-size:12px; font-weight:400; }
header .player .content .description { display:block; height:24px; width:240px; overflow:hidden; color:#fff; font-size:10px; font-weight:400; }
header .player .content .bar { width:100%; height:5px; background:#333; margin-top:4px; cursor:pointer; overflow:hidden; }
header .player .content .bar .bar-loading { width:100%; height:5px; background:#bcbcbc; }
header .player .content .bar .bar-playing { width:100%; height:5px; background:#e49535; }
header .player .content .bar .live { width:70%; height:5px; background:#f94e4e; }
header .player .border-play { border-left:2px dashed #303030; margin-left:10px; height:80px; }
header .player .border-play .play { width:40px; height:40px; background-position:-5px -5px; margin:20px 0 0 18px; }
header .player .border-play .play:hover {background-position:-5px -110px;}
header .player .border-play .play:active { background-position:-5px -55px; }
header .player .border-play .pause { width:48px; height:48px; background-position:-55px -5px; margin:20px 0 0 18px; }
header .player .border-play .pause:hover {  background-position:-55px -110px; }
header .player .border-play .pause:active { background-position:-55px -55px; }
header .player .param { position:absolute; top:27px; width:26px; height:26px; }
header .player .config { left:325px; background-position:-280px -5px; }
header .player .config:hover { background-position:-280px -65px; }
header .player .config:active { background-position:-280px -35px; }
header .player .volume { left:355px; background-position:-310px -5px; }
header .player .volume:hover { background-position:-310px -65px; }
header .player .volume:active { background-position:-310px -35px; }
header .player .mute { left:355px; background-position:-340px -5px; }
header .player .mute:hover { background-position:-340px -65px; }
header .player .mute:active { background-position:-340px -35px; }
header .player .back { visibility:hidden; position:absolute; top:27px; left:226px; width:90px; height:23px; background-position:-370px -5px; }
header .player:hover .back { visibility:visible; }
header .player .back:hover { background-position:-370px -65px; }
header .player .back:active { background-position:-370px -35px; }
header .live .border-play .play:hover {  background-position:-110px -110px; }
header .live .border-play .play:active { background-position:-110px -55px; }
header .live .border-play .pause:hover {  background-position:-165px -110px; }
header .live .border-play .pause:active { background-position:-165px -55px; }
header .live .config:hover { background-position:-280px -125px; }
header .live .config:active { background-position:-280px -95px; }
header .live .volume:hover { background-position:-310px -125px; }
header .live .volume:active { background-position:-310px -95px; }
header .live .mute:hover { background-position:-330px -185px; }
header .live .mute:active { background-position:-330px -185px; }
header .utilisateur { padding-top:10px; position:relative; }
header .utilisateur a,
  header .utilisateur a.closed:hover { color:#fff; font-size:12px; }
header .utilisateur a.closed { color:#aaa; font-size:12px; }
header .utilisateur a span.button,
  header .utilisateur a.closed:hover span.button { width:9px; height:9px; display:block; float:right; background-position:-1140px -15px; margin-top:5px; margin-left:5px; }
header .utilisateur a.closed span.button { background-position:-1140px -6px; }
header .utilisateur .zip { position:absolute; left:-124px; top:31px; z-index:4; background-position:-492px -88px; background-repeat:no-repeat; width:300px; height:11px; }
header .utilisateur .contener { position:absolute; left:-84px; top:33px; z-index:3; width:220px; height:191px; overflow:hidden; }
header .utilisateur .contener .utilisateur-box { width:200px; background:#fff; border:1px solid #aaa; border-top:0px; 
  -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px; box-shadow:rgba(0,0,0,0.5) 0px 0px 10px; margin-left:10px; }
header .utilisateur .contener .utilisateur-box ul li a { width:200px; display:block; color:#aaa; line-height:35px; border-top:1px solid #e2e2e2; font-size:14px; text-align:center; }
header .utilisateur .contener .utilisateur-box ul li a:hover { background:#eee; }
header .utilisateur .contener .utilisateur-box ul li:first-child a { border-top:0; }
header .utilisateur .contener .utilisateur-box ul li:last-child a { -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }

.loading-bar { width:100%; height:5px; overflow:hidden; background-color:#333; }
.loading-bar-progress{ background-color:#666; margin-top:0; margin-left:-100%; width:100%; height:5px;
  -moz-animation-name:anim-loading; -moz-animation-duration:1.3s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; 
  -webkit-animation-name:anim-loading; -webkit-animation-duration:1.3s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear;
  -ms-animation-name:anim-loading; -ms-animation-duration:1.3s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear;
  -o-animation-name:anim-loading; -o-animation-duration:1.3s; -o-animation-iteration-count:infinite; -o-animation-timing-function:linear;
  animation-name:anim-loading; animation-duration:1.3s; animation-iteration-count:infinite; animation-timing-function:linear; }
@-moz-keyframes anim-loading{ 0%{ margin-left:-100%; } 100%{ margin-left:100%; } }
@-webkit-keyframes anim-loading{ 0%{ margin-left:-100%; } 100%{ margin-left:100%; } }
@-ms-keyframes anim-loading{ 0%{ margin-left:-100%; } 100%{ margin-left:100%; } }
@-o-keyframes anim-loading{ 0%{ margin-left:-100%; } 100%{ margin-left:100%; } }
@keyframes anim-loading{ 0%{ margin-left:-100%; } 100%{ margin-left:100%; } }

/* cookies_header */
/*Attention, ce code est copiécollé dans admin.css et styles.css*/
#cookies_header {
  color : #D1D1D3; 
  text-align: center;
  margin : 2px;
}
#cookies_header a{
  color : #D1D1D3;
  font-weight: bold;
}


/* Nav */
nav.main {  } 
nav.main ul {  }
nav.main ul li { float:left; position:relative; } 
nav.main ul li a { float:left; display:block; text-transform:uppercase; font-size:18px; font-weight:300; color:#8b8b8b; margin-top:15px; padding-bottom:18px; }
nav.main ul li a.actu { background-position:-474px -34px; position:relative; z-index:2; /*color:#6ac5ff;*/ }
nav.main ul li a.event { background-position:-461px -34px; position:relative; z-index:2; /*color:#f94e4e;*/ }
nav.main ul li a.prog { background-position:-463px -34px; position:relative; z-index:2; /*color:#6ac5ff;*/ }
nav.main ul li.active a.actu, nav.main ul li:hover a.actu { color:#6ac5ff; }
nav.main ul li.active a.event, nav.main ul li:hover a.event { color:#f94e4e; }
nav.main ul li.active a.prog, nav.main ul li:hover a.prog { color:#f9af6b;  }
nav.main ul li span.separator { float:left; display:block; width:3px; height:40px; background-position:-490px -83px; margin:0 15px; }
nav.main ul li:hover a, 
  nav.main ul li a:focus {  }
nav.main ul li.active a {  }
nav.main ul li.active:hover a,
  nav.main ul li.active:focus a {  }
nav.main ul li ul { display:block; width:610px; clear:both; margin-top:45px; margin-left:-125px; position:absolute; height:50px; left:0; }
nav.main ul li ul.agenda { margin-left:-207px; }
nav.main ul li ul.emission { width:635px; margin-left:0px; }
nav.main ul li ul .top-separator { background-position:-484px -82px; height:1px; margin-top:9px; }
nav.main ul li ul li a { font-size:16px; }
nav.main ul li ul li.active a,
  nav.main ul li ul li:hover a,
  nav.main ul li ul li a:focus { color:#6ac5ff; }
nav.main ul li ul.agenda li.active a,
  nav.main ul li ul.agenda li:hover a,
  nav.main ul li ul.agenda li a:focus { color:#f94e4e; }
nav.main ul li ul.emission li.active a,
  nav.main ul li ul.emission li:hover a,
  nav.main ul li ul.emission li a:focus { color:#f9af6b; }

/* Evitement */
.submenu {  margin:0; font-size:80%; position:fixed; z-index:3;  }
.submenu nav { width:100%; margin:0 0 0 15px; }
.submenu li { color:#ccc; display:inline; margin:0 7px; }
.submenu a { color:#ccc; line-height:20px; margin:0 3px 0 0 }
.submenu a:hover, .submenu a:focus { text-decoration:underline; }

/* Aside */
aside { float:left; width:310px; margin-top:55px; }
aside h2 { text-transform:uppercase; font-size:12px; line-height:16px; }
aside .prog h2, aside .prog a:hover { color:#f9af6b; }
aside .event h2, aside .event a:hover { color:#f94e4e; }
aside .prog a, aside .event a { color:#4B4B4B; }
aside .prog table td.time { border-color:#f9af6b; }
aside .event table td.time { border-color:#f94e4e; }
aside table { width:310px; font-size:12px; }
/*aside table tr { border-top:1px solid #fff; }*/
aside table td { margin-top:1px; background:#f8f8f8; padding:5px; }
aside table td img { padding-right:5px; }
aside table td p { font-size:12px; margin-bottom:0px; font-weight:400; text-align:left; }
aside table td p.small {font-size:10px;}
aside table td.time { width:70px; border-right:2px solid #000; text-align:center; vertical-align:middle; height:25px; }
aside table td .content { width:180px; }
aside .playlist img { padding:7px; }

/* Footer */
footer { min-height:120px; }
footer p { font-weight:400px; font-size:12px; color:#fff; line-height:25px; }
footer .bloc-social { width:280px; }
footer nav { text-align:center; margin:20px 0 0 50px;  }
footer nav ul li { display:inline; float:left; border-right:1px solid #fff; }
footer nav ul li:last-child { border:0; }
footer nav ul li a { color:#fff; font-size:12px; font-weight:400; text-transform:uppercase; padding:0 10px; }
footer nav ul li a:hover { color:#f9a639; }
footer .margin-signature { margin-top:40px; padding:0 20px 0 20px; } 
footer .signature { background-position:-1398px -20px; background-repeat:no-repeat; padding-left:10px; }
footer a { color:#fff; }

/* Une */
.une { position:relative; overflow:hidden; height:476px; }
.une-image { height:476px;}
.une .content { position:absolute; bottom:0; left:0; }
.une .content .title { margin-bottom:2px; }
.une .content .title a h1 { line-height:29px; color:#fff; }
.une .content .title .infos { padding-left:30px; text-align:right; }
.une .content .title, .une .content p { color:#fff; display:block; padding:5px 10px 5px 10px;
background:#000;
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); }
.une .content h1 { text-transform:uppercase; font-size:24px; }
.une .content p { font-size:14px; display:block; margin-bottom:2px; }

/* Sous-une */
.subune, .subsubune { background:#F8F8F8; }
.subune img, .subsubune img { padding-right:10px; }
.subune h2, .subune p { padding-right:10px; color:#4b4b4b; }
.subune h2, .subsubune h2 { line-height:20px; padding:5px 10px 5px 0; color:#4b4b4b; }
.subsubune p { color:#4b4b4b; }

/* PUB */
/*.pub { background:#ccc; }
.pub p { color:#fff; font-size:50px; text-align:center; line-height:200px; }
.pub { background:url("/im/pub/92eme-type.jpg"); width:310px; height:436px; background-size:310px 436px; }
/*.pub { background:url("/im/pub/grille.jpg"); width:310px; height:436px; background-size:310px 436px; }
.pub p { margin:0; padding:10px 10px 0 10px; }
.pub p.margin-top { margin-top:322px; }
.pub .h1 { color:#363f5b; font-size:20px; line-height:21px; }
.pub .h2 { color:#363f5b; font-size:15px; line-height:15px; text-transform:uppercase; }
.pub .h3 { color:#363f5b; font-size:12px; line-height:13px; text-transform:uppercase; }*/

/* Slider */
.slider { width:310px; height:240px; overflow:hidden; }
.slider .s-collection { width:1000000px; }
.slider .s-collection img,
  .slider .s-collection .img {float:left; width:310px; height:240px; }
.s-control { height:15px; margin:0 auto; margin-top:15px; }
.s-control .s-left,
  .s-control .s-right,
  .s-control .s-link,
  .s-control .s-link-active { width:14px; height:14px; float:left; cursor:pointer; margin-left:3px;}
.s-control .s-left { background-position:-339px -10px;}
.s-control .s-left:hover { background-position:-339px -32px;}
.s-control .s-right { background-position:-339px -54px;}
.s-control .s-right:hover { background-position:-339px -76px;}
.s-control .s-link { background-position:-339px -120px; }
.s-control .s-link:hover,
  .s-control .s-link-active { background-position:-339px -98px; }

/* Toggler */
.toggler { cursor:pointer; }
.toggler .button { background:url('../im/design/sprites.png'); background-size:1523px 154px; background-position:-1225px 6px; float:right; width:20px; height:25px; margin-right:10px; }
.closed .button { background-position:-1200px 6px; }

/* LISTE EMISSION */
.emissions { background:#F8F8F8; }
.emissions h2 { color:#f9af6b; padding-left:10px; line-height:30px; text-transform:uppercase; }
.emissions span { color:#f9af6b; padding-right:10px; line-height:30px; text-transform:uppercase; font-weight:400; }
.emissions .emission { border-top:1px solid #fff; height:70px; position:relative; }
.emissions .emission.withoutpodcast{ background-color:#EBEBEB; }
.emissions .emission img { margin:10px; }
.emissions .emission h3 { margin-top:10px; }
.emissions .emission p { padding-right:15px; text-align:left; }

/* PLAYER ARTICLE */
section .player { width: 308px; border:1px solid #ccc; height:29px; margin-top:8px; background:#f8f8f8; }
section .player:hover { background:#e8e8e8; }
section .player .play { display:block; float:left; width:24px; height:24px; background-position:-164px -5px; margin:3px 5px 0 5px; }
section .player .play:hover { background-position:-192px -5px; }
section .player a { font-weight:400; font-size:10px; color:#8b8b8b; line-height:29px; }

/* PLAYLIST */
.playlist table { width:100%; font-size:12px; }
.playlist table tr { border-top:1px solid #fff; }
.playlist table td { margin-top:1px; background:#f8f8f8; padding:5px; }
.playlist table td img { padding-right:15px; width:30px; height:30px; }
.playlist table td p { line-height:29px; margin-bottom:0px; text-align:left; }
.playlist table td p.small {font-size:10px;}
.playlist table td.time { width:70px; border-right:2px solid #f9af6b; text-align:center; vertical-align:middle; line-height:30px; }
.playlist table td .content { width:180px; }

/* ARCHIVES */
.archives select#saison { width: 160px; margin-top: 10px; }
.archives table { width:100%; font-size:12px; }
.archives table tr { border-top:1px solid #fff; }
.archives table td { margin-top:1px; background:#f8f8f8; padding:5px; }
.archives table td p a { color: #4b4b4b; }
.archives table td:hover p a { color: #F9A629; }
.archives table td:hover { background-color: #f3f3f3; }
.archives table td p { line-height:29px; margin-bottom:0px; text-align:left; }
.archives table td.play { width:70px; border-right:2px solid #f9af6b; text-align:center; vertical-align:middle; line-height:30px; }
.archives table td .content { width:180px; }
.archives table td a.download { background:url('../im/design/sprites.png'); background-size:1523px 154px; background-position:-250px -124px; float:right; width:25px; height:25px; opacity: 0.4; }
.archives table td a.play { background:url('../im/design/sprites.png'); background-size:1523px 154px; background-position:-192px -4px; float:right; width:25px; height:25px; margin-right: 5px; opacity: 0.4; }
.archives table td a.play:hover, .archives table td a.download:hover { opacity: 0.6; }

/* PLAYLIST EMISSION */
.em_titre { background:#f8f8f8; border-top:1px solid #fff; height:30px; cursor:pointer; }
.em_titre:hover { background:#e2e2e2; }
.em_titre .button { width:9px; height:9px; margin-top:11px; background-position:-1141px -6px; }
.em_titre img { width:20px; height:20px; margin:5px 0 0 10px; float:left; }
.em_titre p { line-height:30px; margin-left:5px; float:left; margin-bottom:0; }
.em_titre_info { padding:10px; }
.em_titre_info img { width:100px; height:100px; float:left; padding-right:10px; }
.em_titre_info p { margin-bottom:0; }

/* Form */
fieldset { background:#f1f1f1; width:100%; padding-bottom:7px; margin-top:10px; 
  -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }
legend { display:block; width:100%; padding-left:10px; background:#f9a639; color:#fff; font-size:16px; text-transform:uppercase; line-height:34px; font-weight:700; border-bottom:1px solid #fff;
  -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
label { color:#8b8b8b; font-size:14px; font-weight:700; padding:5px 0 0 10px; cursor:pointer; display:block; line-height:18px; clear:both; }
input, textarea, .editor, select { margin:0 0 0 10px; width:95%; border:0; color:#8b8b8b; font-size:14px; padding:0 5px; background:#fff; font-family:"Lato";
  -webkit-border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; border-radius:0 5px 5px 5px; font-weight:300;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:1px solid #fff; }
input { height:30px; }
input.long, textarea.long, .textarea { width:930px; }
input:focus, textarea:focus, select:focus, .editor:focus { -webkit-box-shadow:#bbb 0px 0px 5px; -moz-box-shadow:#bbb 0px 0px 5px; box-shadow:#bbb 0px 0px 5px; }

select { margin:0 0 0 10px; padding:5px 5px; background:url('../im/design/select.png') no-repeat right center #fff; /*width:310px;*/ height:30px; color:#8b8b8b; border:0; font-size:14px; font-weight:300; -webkit-appearance: none; } 

input.middle, select.middle, textarea.middle { width:600px; }
input.small { width:300px; }
input.calendar { float:left; width:87px; }
input.time { float:left; width:28px; }
input.extra-small { width:40px; }
input.codep { width:52px; }
input.ville { width:280px; }
input.prenom { width:220px; }
select.extra-small { width:60px; }
select.small { width:300px; }
select.smaller { width:110px; }
select.middle-less { width:572px; }
select.time { width:50px; }
select.margin-top { margin-top:10px; }
textarea.small { width:300px; height:82px; }

select.emission { margin-left:0; border:1px solid #f1f1f1; }

input.button, a.button { background:#c9c9c9; line-height:28px; font-size:14px; color:#fff; padding:0px 10px; font-weight:700; margin-top:-5px; margin-bottom:5px;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; margin-top:5px; cursor:pointer; height:30px; }
input.button:hover, a.button:hover { background:#aaa; }
input.button { margin-top:5px; width:inherit; cursor:pointer; }
input.reseach { width:90px; border:0; margin-top:22px; margin-right:10px; }

a.facebook { width:170px; text-align:center; background:#5f78ab; line-height:28px; font-size:14px; color:#fff; padding:0px 10px; font-weight:700; margin-bottom:5px; 
  border:1px solid #43567b;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; margin-top:5px; cursor:pointer; height:30px; display:block; }
a.facebook:hover { background:#3b5998; border:1px solid #252c3b; }

/* Log */ 
.logbar { position:fixed; left:0px; bottom:-56px; display:block; width:100%; z-index:98; }
.logbar .log-left, 
	.logbar .log-right,
	.logbar .log-center { height:56px; background:url(../im/design/message-sprite.png); float:right; }		
.logbar .log-left, .logbar .log-right { width:44%; background-position:0 -63px;   }
.logbar .log-center { width:12%; background-position:top center; }
.logbar .log-content { position:absolute; margin-top:-1px; width:100%; height:56px;  z-index:99; overflow:hidden; }
.logbar .log-content p { display:block; margin:0 auto; text-align:center; line-height:55px; margin-top:13px; }
.logbar .log-content p.log-load { background:url(../im/design/spinner.gif) top center no-repeat; }
.logbar .log-content p.log-error { background:url(../im/design/message-sprite.png) center -230px no-repeat; }
.logbar .log-content p.log-validated { background:url(../im/design/message-sprite.png) center -170px no-repeat; }
.logbar .log-content p.log-attention { background:url(../im/design/message-sprite.png) center -290px no-repeat; }

/* Icons Cat */
.icon-cat { width:48px; height:50px; float:right; top:0px; right:0px; position:absolute; z-index:2; background:url('../im/design/sprites.png'); background-size:1523px 154px; }
.icon-cat-alone { width:25px; height:25px; float:left; background:url('../im/design/sprites.png'); background-size:1523px 154px; border:2px solid #eee; 
  margin-right:5px; margin-top:-3px; }
.icon-cat-alone:hover { border:2px solid #ccc;  }
.icon-cat-alone-active, .icon-cat-alone-active:hover { border:2px solid #f9af6b;  }
.guetto, .hip-hop-jazz-funk { background-position:-490px -5px; }
.guitare, .rock-metal-chanson { background-position:-542px -5px; }
.peace { background-position:-594px -5px; }
.disque, .electro { background-position:-653px -5px; }
.sciences { background-position:-708px -5px; }
.personne, .societe, .culture-sport { background-position:-762px -5px; }
.politique, .societe-politique { background-position:-817px -5px; }
.univ { background-position:-871px -5px; }
.news { background-position:-926px -5px; }
.lampe, .culture, .inclassable { background-position:-980px -5px; }
.monde, .reggae-world { background-position:-1035px -5px; }
.podcast { background-position:-1089px -5px; }
.musique { background-position:-708px -100px; }
.spectacle { background-position:-545px -100px; }
.cinema { background-position:-654px -100px; }
.autre { background-position:-599px -100px; }
.cat .guetto, .cat .hip-hop-jazz-funk { background-position:-510px -6px; }
.cat .guitare, .cat .rock-metal-chanson { background-position:-567px -5px; }
.cat .peace { background-position:-594px -5px; }
.cat .disque, .cat  .electro { background-position:-675px -6px; }
.cat .sciences { background-position:-731px -6px; }
.cat .personne, .cat .societe, .cat .culture-sport { background-position:-784px -7px; }
.cat .politique, .cat .societe-politique { background-position:-839px -6px; }
.cat .univ { background-position:-871px -5px; }
.cat .news { background-position:-926px -5px; }
.cat .lampe, .cat .culture, .cat .inclassable { background-position:-1003px -7px; }
.cat .monde, .cat .reggae-world { background-position:-1056px -7px; }
.cat .podcast { background-position:-1089px -5px; }
.cat .musique { background-position:-708px -100px; }
.cat .spectacle { background-position:-545px -100px; }
.cat .cinema { background-position:-654px -100px; }
.cat .autre { background-position:-599px -100px; }
span.cat-separator { float:left; display:block; width:1px; height:40px; background-position:-490px -97px; margin:0 15px; }

/* Icons Share Social */
.share { display:block; float:left; width:92px; height:24px; margin:10px 10px 10px 0; }
.share-facebook { background-position:-1244px -50px; }
.share-facebook:hover { background-position:-1244px -87px; }
.share-facebook:active { background-position:-1244px -125px; }
.share-twitter { background-position:-1139px -50px; }
.share-twitter:hover { background-position:-1139px -87px; }
.share-twitter:active { background-position:-1139px -125px; }
.link-social { display:block; width:32px; height:32px; }
.link-social-facebook { background-position:-1370px -94px; }
.link-social-facebook:hover { background-position:-1415px -94px; }
.link-social-facebook:active { background-position:-1460px -94px; }
.link-social-twitter { background-position:-1370px -49px; }
.link-social-twitter:hover { background-position:-1415px -49px; }
.link-social-twitter:active { background-position:-1460px -49px; }

/* Icons Social */
.social-icon { width:16px; height:16px; float:left; margin:0 9px 5px 9px; display:block;
  background:url('../im/design/social-icon.png'); background-size:226px 37px; cursor:pointer; }
.toggle .social-icon { margin:10px 3px 5px 0 }
.facebook { background-position:0px 0px }
.facebook:hover, .facebook-active { background-position:0px -21px }
.twitter { background-position:-21px 0px }
.twitter:hover, .twitter-active { background-position:-21px -21px }
.bandcamp { background-position:-42px 0px }
.bandcamp:hover, .bandcamp-active { background-position:-42px -21px }
.myspace { background-position:-63px 0px }
.myspace:hover, .myspace-active { background-position:-63px -21px }
.soundcloud { background-position:-84px 0px }
.soundcloud:hover, .soundcloud-active { background-position:-84px -21px }
.mixcloud { background-position:-105px 0px }
.mixcloud:hover, .mixcloud-active { background-position:-105px -21px }
.ra { background-position:-126px 0px }
.ra:hover, .ra-active { background-position:-126px -21px }
.discogs { background-position:-147px 0px }
.discogs:hover, .discogs-active { background-position:-147px -21px }
.site { background-position:-168px 0px }
.site:hover, .site-active { background-position:-168px -21px }
.youtube { background-position:-189px 0px }
.youtube:hover, .youtube-active { background-position:-189px -21px }
.vimeo { background-position:-210px 0px }
.vimeo:hover, .vimeo-active { background-position:-210px -21px }

/* Link more home */
.link-more { text-align:right; }
.link-more .arrow { display:block; width:16px; height:8px; margin-top:5px; margin-left:5px; background-position:-1387px -3px; }
.link-more-actu:hover, .link-more-actu:focus { color:#6ac5ff; }
.link-more-actu:hover .arrow, .link-more-actu:focus .arrow { background-position:-1387px -10px; }
.link-more-prog:hover, .link-more-prog:focus { color:#f9af6b; }
.link-more-prog:hover .arrow, .link-more-prog:focus .arrow { background-position:-1387px -10px; }
.link-more-event:hover, .link-more-event:focus { color:#f94e4e; }
.link-more-event:hover .arrow, .link-more-event:focus .arrow { background-position:-1387px -17px; }

/* Commentaires */
.commentaire { padding:10px; border-bottom:1px solid #fff; min-height:50px; }
.commentaire img { margin-right:10px; }
.commentaire .content { width:552px; }

/* Menu Saison */
ul.menu-saison li { float:left; padding-right:5px; }
ul.menu-saison li.active a { color:#f9af6b ; }
ul.menu-saison li a:hover { color:#f9af6b ; }


/*page partenaires*/

.partenaires li {
  display: inline-block;
  text-align:center;
  vertical-align:middle;
  width: 156px;
  height: 156px;
}

.partenaires li img {
  max-width: 152px;
  margin:10px;
  max-height: 152px;
}

/* Small Desktop */
@media screen and (min-width: 1024px) and (max-width: 1120px) {
  .bckg-larg { width:1024; margin:0 auto; background:#fff; }
  .bckg { width:1024px; background:#fff; }
  .larg { width:960px; margin:0 auto; }
  header .player { margin-left:10%; }
}

/* Tablette */
@media screen and (min-width: 766px) and (max-width: 1023px) {
  .bckg-larg { width:100%; margin:0 auto; background:#fff; overflow:hidden; }
  .bckg { width:635px; background:#fff; margin:0 auto; /*width:90%; background:#eee; */ }
  
  .larg { width:100%; margin:0 auto; }
  header .logo { margin-left:66px; }
  header .player { margin-left:33px; }
  
  .bloc { width:310px; }
  
  aside { width:635px; float:left; }
  aside table { width:310px; }
  aside .prog { margin-right:15px; }
  
  
  aside, section { float:left; }
  .pub, .playlist 
    { display:none; }
  
}

@-webkit-keyframes rotation {  
    0%  {  
        -webkit-transform:translateX(0%);  
    }
    50%  {  
        -webkit-transform:translateX(0%);  
    }  
    100%{  
        -webkit-transform:translateX(-100%);  
    }  
}  

/* Mobile */
@media screen and (max-width:765px) {

.liquid { overflow:hidden; }
.bckg-larg { width:100%; margin:0 auto; background:#fff; }
.bckg { width:95%; background:#fff;  }
  h1, .h1 { font-size:20px; }
  
.larg { width:95%; margin:0 auto; }
.icon { background:url('../im/design/sprites-mobile.png'); background-size:761px 77px; }
header { height:67px; }
header .logo { width:84px; height:50px; padding:10px 0 0 0;  }
header .logo img { width:84px; height:50px; padding:0;  }
header .player { width:205px; height:50px; margin:10px 0 0 10px; }
header .player .image { width:42px; height:42px; margin:4px 4px 0 4px; } 
header .player .image img { width:42px; height:42px; } 
header .player .content { width:120px; margin:4px 0 0 0; height:42px; overflow:hidden; }
header .player .content .status { line-height:7px; }
header .player .content .title { font-size:10px; line-height:10px; height:10px; 
    -webkit-transform:translateX(0%); -webkit-animation:rotation 10s linear infinite;   }
header .player .content .description { color:#fff; width:120px; font-size:8px; height:16px; line-height:8px; overflow:hidden; }
header .player .param, 
  header .player .back { display:none; }
header .player .border-play { border:0; margin:0; height:67px; }
header .player .border-play .play, 
  header .player .border-play .play:active, 
  header .player .border-play .play:hover, 
  header .player .border-play .pause, 
  header .player .border-play .pause:active, 
  header .player .border-play .pause:hover 
  { margin:15px 0 0 6px; width:25px; height:25px; background-position:-2px -2px; }
header .player .content .status { font-size:10px; line-height:12px; }
header .player .content .status span.icon { display:none; }
header .player .content .bar { margin-top:2px; height:2px; }
header .player .content .bar .bar-loading { height:2px; }
header .player .content .bar .bar-playing { height:2px; }
header .player .content .bar .live { height:2px; }

/* Nav */
nav.main { width:100%; }
nav.main ul li a { float:left; display:block; text-transform:uppercase; font-size:16px; font-weight:400; color:#8b8b8b; line-height:20px; margin-top:10px; padding-bottom:0; }
nav.main ul li span.separator { float:left; display:block; width:3px; height:40px; background-position:-490px -90px; margin:0 10px; }
nav.main ul li ul { width:300px; margin-left:-106px; }
nav.main ul li ul.agenda { margin-left:-172px; }
nav.main ul li ul.emission { width:285px !important; margin-top:40px; }
nav.main ul li ul .top-separator { display:none; }
nav.main ul li ul span.separator { display:none; }
nav.main ul li ul li a { width:90px; background:#f8f8f8; color:#8b8b8b; font-size:14px; overflow:hidden; height:20px;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; 
  text-align:center; float:left; margin:0; margin-bottom:5px; margin-right:5px;
}
nav.main ul li ul li.active a { background:#6ac5ff; color:#fff; }
nav.main ul li ul.agenda li.active a { background:#f94e4e; color:#fff; } 
nav.main ul li ul.emission li.active a { background:#f9af6b; color:#fff; } 
  nav.main ul li div.cat { clear:both; margin:-5px 0 0 7px; float:left; height:30px; }
  
.pub, .utilisateur { display:none; }
  
.dbl-bloc, .bloc, aside, aside table, article, section { width:100%; overflow:hidden; }
section .player, .img-article { width:285px !important; overflow:hidden !important; }
.aside { margin-top:10px; }
  section.margin-right {margin-right:0px; }
  
.une-image { background-position:top center !important; }
.subune p, .subune h2 { padding-left:10px; }
.subune img { width:100%; padding-right:0; 
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
  
.margin-top-article { margin-top:60px; }
.img-logo-programme { margin-top:80px; }

.emissions .emission { height:100px; }
  
  textarea.middle, input.middle { width:93%; }
  .commentaire .content { width:205px; }
  
}