@charset "utf-8";
/*
Theme Name: New Morning - Responsive
Version: 1.0
Author: New Morning
Author URI: http://www.newmorning.com
*/


@media only screen and (min-device-width: 1000px){

}

@media only screen and (max-device-width: 1000px){

@-webkit-viewport{
    width: device-width;
}
@-moz-viewport{
    width: device-width;
}
@-ms-viewport{
    width: device-width;
}
@-o-viewport{
    width: device-width;
}
@viewport{
    width: device-width;
}

/* STRUCTURE
-----------------------------------------------------------------------------*/
#container{
	margin-top: 0;
}
header div#nav-full{
	display:none;
}
#radio-bar{
	display:none;
}
#info-mobile{
	display:block;
}
#content{
	border-left:0;	
}
#side {
    padding-right: 0;
}

#news > div.texte.right.border-left > div{
	background-position:center -95px;
}

#news > div.affiche.left > ul > li > div{
	background-color: black;
	color: white;
	font-style: italic;
	padding: 10px;
	height:284px;
	font-size:0.8em;
}


header {
	border:0;
z-index: 1;
}
#radio-bar .directs li.title #artistetitreRadio{
	height:30px;
	overflow:hidden;
}
header div#live-full{
	display:none;
	
}
header div.nav-responsive{
	display:block;
	top: 0;
	right: 0;
	left: 0;
	overflow: hidden;
	padding: 0 12px 0 60px;
	height: 60px;
	min-width: 188px;
	background-color: #232b2d;
	z-index: 2;
	text-align: center;
}

#nav-tertiary {
	text-align: left;
	background-color: #000;
	border-right: 0;
	border-left: 0;
	font-size: 0.55em;
	height: 40px;
}

#nav-social {
	display:none;
}

#nav-e {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
height: 60px;
width: 60px;
border-right: 1px solid black;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRFAAAA%2F%2F%2F%2FAAAAAAAAAAAAAAAAAAAA%2F%2F%2F%2FeQ7W7QAAAAd0Uk5TAAAIGCBIYL3mPFwAAAA%2FSURBVChTYxBEAwx0ElAvRwKKQAFzZAFDoIBpGgKkggSUXRDAGaSFARkwYhVghFoogEuATu7AEKCFO9AANQQAPu5OcaM2uDkAAAAASUVORK5CYII%3D) center center no-repeat;
box-shadow: 1px 0 rgba(255,255,255,0.1);
}

header div.nav-responsive #logoMini {
	display: inline-block;
	position: relative;
	background: url(../images/responsive.png) 0px center no-repeat;
	height: 60px;
	width: 125px;
	margin-left: -50px;
}

header div.nav-responsive li {
float: left;
}

header div.nav-responsive li a {
display: block;
padding: 12px 20px 13px;
line-height: 35px;
color: #fff;
}

/* HOME
-----------------------------------------------------------------------------*/
.next .contenu h3 {
	font-size: 1.0em;
}

/* PROGRAMMATION
-----------------------------------------------------------------------------*/

.ligne-programmation div.texte span.baseline {
	//display:none;
}


/* LIVE
-----------------------------------------------------------------------------*/
#radio-bar > div > div > a > div.info{
	float: left;
	margin-left: 10px;
	margin-right: 10px;	
	margin-top: 10px;
	font-size: 1.0em;
}

#radio-bar > div > div > a > div.info > div.titre > h2{
	font-size: 1.2em;
}
#radio-bar > div > div > a > div.info > div.titre > div{
	margin-top: 10px;
	font-style:italic;
}

#diffusion-audio > div.contenu{
	display:none;
}

#diffusion-audio > div.contenu_responsive > a > div{
	font-size:1.0em;
}
section#evenement div.dateLive{
	display:none;
}

section#evenement .ligne-evenement{
	display:none;
}

/* RADIO
-----------------------------------------------------------------------------*/
#main section#navigation > div.banner, #navigation-radio {
	border:0;
}

#main section#radio > div.contenu {
	margin-top: 0;
	
}
	#badgeListeEvenement {
		display: none;
	}
}


#radio-bar {
	margin-top: 0;
	margin-bottom: 0;
}

#main section#radio div.grille-content {
    margin-top: 0px;
}

@media (max-width: 960px){
.mqm-g-col6 {
    width: 50%;
    float: left;
    clear: none;	
}

@media only screen and (min-device-width: 800px) and (max-device-width: 1000px){
	#galeries div.bloc_contenuGaleries_contenu {
		width:24.30%;
	}
#news{
	height:260px;
	
}	
#news .affiche div.img {
	height:250px;

}	
#news > div.texte.right.border-left > div{
	background-position: center center;
}


}

@media only screen and (max-device-width: 800px){

#content {
	border:0;	
}

/* BLOG
-----------------------------------------------------------------------------*/
#blog > article > div.date{
	display:block;

}
#blog > article > div.image{
	display:none;
}
#blog > article > div.contenu{
	width:100%;
}

}

@media (max-width: 640px){
.footer-gutter {
    padding-left: 0;
    padding-right: 0;
}
.footer-col1, .footer-col12, .footer-col3, .footer-col4, .footer-col6, .footer-col8, .footer-col9 {
    float: none;
    clear: both;
    width: 100%;
}
.main-footer .list {
    height: auto;
    margin-bottom: 20px;
}
.main-footer .list-title {
    text-align: center;
}
.main-footer .list .item {
    text-align: center;
}
.main-footer .sp {
    margin: 10px auto;
}
}

@media only screen and (min-device-width: 640px) and (max-device-width: 800px){
	#galeries div.bloc_contenuGaleries_contenu {
		width:32.50%;
	}
	#news{
		height:250px;
	}
	#news .affiche div.img {
		height:250px;
	
	}
	#news > div.texte.right.border-left > div{
		background-position:center center;
	}
}
@media only screen and (max-device-width: 480px){
	
/* HOME
-----------------------------------------------------------------------------*/
#content > section{
	float:none;
	clear: both;
}

#news, #news > div.texte.right.border-left > div {
    height: 50px;
}

#news > div.affiche.left > ul > li > div{
	background-color: black;
	color: white;
	font-style: italic;
	padding: 10px;
	height:50px;
	font-size:0.8em;
	line-height: 35px;
}

#news > div.texte.right.border-left{
	display:none;
}


#content > section > div.affiche{
	width: 100%;
	float: none;
	height: 200px;
}
#content > section > div.affiche > ul > li > a > div{
	height: 200px;
}


#content-host > div.separateur{
	border-right: 0;
	border-top: 0;
	border-left: 0;
}

.ligne-archive div.date {
	width: 25%;
}
.ligne-archive div.texte {
	width: 75%;
}

/* EVENEMENT
-----------------------------------------------------------------------------*/
#evenement{
	border-right:0;
}
#evenement div#header{
	line-height:15px;
	
}
#evenement div#header div.date {
	font-size: 1.0em;
}
#evenement > section.social{
	text-align:center;
}
#evenement section.ligne-formation {
	border:0;
}
#evenement div.navigation {
	float:none;
	padding:15px;
}
#evenement > div.navigation > a.after{
	float:right;

}
#header > div.after > a > span, #evenement > div.before.left > a > span, #evenement > div.after.right > a > span {
    line-height: inherit;
    font-size: 1.5em;
    padding-left: 5px;
    padding-right: 5px;
}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px){
	#galeries div.bloc_contenuGaleries_contenu {
		width:48.50%;
	}

	#news .affiche div.img {
		height:270px;
	
	}
	#news > div.texte.right.border-left > div{
		background-position:center center;
	}
#podcasts > div > div.nom{
	line-height: 12px;
	padding-top:3px;
	font-size: 0.6em;
	width:410px;
}

}



@media only screen and (max-device-width: 320px){
	#galeries div.bloc_contenuGaleries_contenu {
		width:100.00%;
	}
}


@media only screen and (max-device-width: 800px) {
	
#side-histoire{
	display:none;
}	
	
	#content.page {
		width: 100%;
	}
	#main section#radio > div.contenu {
		width: 100%;
	}
	
	#side {
		display: none;
	}
	
	

	
	#espacePro {
		width: 50%;
	}
	#side-espacePro {
		width: 50%;
	}
	
/* ARCHIVE
-----------------------------------------------------------------------------*/
.ligne-archive div.date div.content h1 {
	font-size: 1.0em;
}
.ligne-archive div.texte div.content h2 {
	font-size: 0.8em;
}
.ligne-archive div.texte span {
	line-height: 1.2em;
}
/* RADIO
-----------------------------------------------------------------------------*/

#main section#radio > div > div.player,#main section#radio > div > div.tracklist {
   margin-left: 0;
}
#radio > div > div.fb-follow.fb_iframe_widget > span{
	margin-left:5px;
}
#main section#radio > div.contenu > section#side-app{
    display: block;
	border:0;
	margin-top: 20px;
	text-align: center;
	color:#000;
}
}

@media only screen and (max-device-width: 600px) {
	
	#home_radio {
		display:none;
	}

	#espacePro {
		display:none;
	}
	#side-espacePro {
		width: 100%;
		border-left: 10px solid #FFF;
	}


/* RADIO
-----------------------------------------------------------------------------*/
#radio-bar {
	margin-top: 0;
}
#radio-bar .directs .first {
	width: 60px;
	margin-right: 10px;
}
ul.jp-controls a.jp-play.bar, ul.jp-controls a.jp-pause.bar {
	width: 32px;
	text-indent: -9999px;
}
#radio-bar .directs li {
	font-size: 12px;
	width:250px;
	text-align:left;
}

#main section#radio > div.chroniqueurs-content > ul > li > a > img{
	width:100px;
	height:100px;
}
#main section#radio > div > div.banner_chroniqueur > img{
	width:100px;
	height:100px;
}
#main section#radio #tracklist {
  text-align: left;
  margin:0;
}
#main section#radio #tracklist div.song {
  clear: both;
  margin-bottom: 10px;
  overflow: auto;
}
#main section#radio #tracklist div.song div.artistes {
  float: left;
  margin:0;
  padding:0;
  width: 355px;
}
#podcasts > div > div.nom{
	line-height: 12px;
	padding-top:3px;
	font-size: 0.6em;
	width:290px;
}


#main section#videos div.videoYoutube {
    text-align: center;
	padding: 10px;
}
#main section#videos div.videoYoutube div.thumb {
    float: none;
    margin-right: 10px;
}
#main section#videos div.videoYoutube div.contenu div.titre {
	line-height: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
	font-size: 1.0em;	
}	
#main section#videos div.videoYoutube div.contenu div.description {
	display:none;
}
}
@media only screen and (max-device-width: 480px) {
.ligne-programmation {
    height: 150px;
}
.ligne-programmation div.evenement div.date {
    font-size: 1.4em;
    line-height: inherit;
}

.ligne-programmation div.evenement div.contenu a.item div.image {
    width: 100px;
}

.ligne-programmation div.evenement div.contenu a.item div.image div.image-container div.img {
	width: 100px;
    height: 66.66px;
}
.ligne-programmation div.evenement div.contenu a.item div.image div.image-container div#full.img {
	display:none;
}
.ligne-programmation div.evenement div.contenu a.item div.image div.image-container div#responsive.img {
	display:block;
}
.ligne-programmation div.evenement div.contenu a.item div.info div.formation {
    font-size: 1.2em;
    line-height: inherit;
}

.ligne-programmation div.evenement div.contenu a.item div.info div.formation-plus {
    font-size: inherit;
}



#histoire div.album div.album_contenu {
	width: 48%;
	margin-right:2%;
}	

#nav-radio{
	text-align: center;
}

#radio > div > h2{
	//display:none;
}

#top-player>a>li>div#artistetitreRadio {
    font-size: 11px;
}
#top-player>a>li>div#programmationRadio {
    font-size: 9px;
}


}

@media only screen and (max-device-width: 460px) {

	#radio > div > ul > li.emission {
		width: 100%;
	}
	#player-full{
		display:none;
	}
	#player-responsive{
		display:block;
	}
	#radio > div > div.player{
		text-align: -webkit-center;
	}
/* EVENEMENT
-----------------------------------------------------------------------------*/
#evenement > section.ligne-formation > a > div{
	height:200px;
}
#evenement > section.ligne-formation > a > div.img{
	height: 160px;
}
#evenement div#header div.date {
text-transform: uppercase;
}
#evenement div#navigation-up {
	display:none;
}
#evenement section.ligne-formation div#left {
	display:none;
}
#evenement section.ligne-formation div#right {
width: 100%;
border:0;
padding:0;

}
#evenement > section.ligne-formation > div.img {
	height:180px;
}
	
#evenement > section.ligne-formation > div.img.full{
	display:none;
}
#evenement > section.ligne-formation > div.img.responsive{
	display:block;
}
#evenement section.ligne-formation div.titre {
	font-weight: 400;
	font-size: 1.0em;
	padding-left: 5px;
	padding-top:5px;
}
#evenement section.ligne-formation div.titre h2 {
	font-size: 1.2em;
}
#evenement section.ligne-formation div.titre div.genre {
	font-size: 0.8em;
}	
}


@media only screen and (max-device-width: 400px) {

	footer div.left, footer div.right {
		float:none;
	}
	footer div.right {
		margin-top:25px;
	}
}
/* -------------------------------------------------- IPHONE 6+ -------------------------------------------------- */
@media only screen and (min-device-width: 414px) and (max-device-width: 414px) {



/* RADIO
-----------------------------------------------------------------------------*/
#radio-bar {
	margin-top: 0;
}
#radio-bar .directs .first {
	width: 60px;
	margin-right: 10px;
}
ul.jp-controls a.jp-play.bar, ul.jp-controls a.jp-pause.bar {
	width: 32px;
	text-indent: -9999px;
}
#radio-bar .directs li {
	font-size: 12px;
	width:250px;
	text-align:left;
}

#main section#radio > div.chroniqueurs-content > ul > li > a > img{
	width:100px;
	height:100px;
}
#main section#radio > div > div.banner_chroniqueur > img{
	width:100px;
	height:100px;
}
#main section#radio #tracklist {
  text-align: left;
  margin:0;
}
#main section#radio #tracklist div.song {
  clear: both;
  margin-bottom: 10px;
  overflow: auto;
}
#main section#radio #tracklist div.song div.artistes {
  float: left;
  margin:0;
  padding:0;
  width: 355px;
}
}

/* ////////////////////////////////////////////////// IPHONE 6 ////////////////////////////////////////////////// */

@media only screen and (min-device-width: 360px) and (max-device-width: 414px) {
#navigation {

}
#nav-secondary a:hover, a.selected {
	border:0;
	background-color: #FF0000;
}



/* PROGRAMMATION
-----------------------------------------------------------------------------*/
.separateur2 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.ligne-programmation {
	height: 150px;
}

.ligne-programmation {
    height: 150px;
}

.ligne-programmation div.evenement div.date {
    font-size: 1.2em;
    line-height: inherit;
}

.ligne-programmation div.evenement div.contenu a.item div.image, #content > section > div > div > a > div.image.archive {
    width: 100px;
}

.ligne-programmation div.evenement div.contenu a.item div.image div.image-container div.img {
	width: 100px;
    height: 66.66px;
}
.ligne-programmation div.evenement div.contenu a.item div.image div.image-container div#full.img {
	display:none;
}
.ligne-programmation div.evenement div.contenu a.item div.image div.image-container div#responsive.img {
	display:block;
}
.ligne-programmation div.evenement div.contenu a.item div.info {
    padding: 10px;
}
.ligne-programmation div.evenement div.contenu a.item div.info div.formation {
    font-size: 1.2em;
    line-height: inherit;
}

.ligne-programmation div.evenement div.contenu a.item div.info div.formation-plus {
    font-size: inherit;
}

.ligne-programmation div.evenement div.contenu a.item span.voir {
    vertical-align: middle;
}











.ligne-programmation div.evenement div.contenu a.item div.info div.formation-plus {
	font-size: 1.0em;
	line-height: inherit;
	margin-top: 5px;
}
.ligne-programmation div.evenement div.contenu a.item div.info ul.infos li {
	font-size: 1.0em;

}
.ligne-programmation div.evenement div.contenu a.item div.info div.baseline {
	display:none;

}
.ligne-programmation div.evenement div.contenu a.item div.info ul.infos li.billetterie {
	display: none;
}

.ligne-programmation div.evenement div.contenu a.item span.voir i.arrow {
	background: url('images/voir.png') no-repeat;
	background-position:top;
	width: 25px;
	height: 25px;
	margin-left:0;

}
.ligne-programmation div.date div.content h1 {
	font-size: 0.9em;
}
.ligne-programmation div.texte div.content h2 {
	font-size: 0.8em;
}




/* INFORMATIONS
-----------------------------------------------------------------------------*/
#content > section.maps{
	width:100%;
	border-right: 10px solid #FFF;
}
#content > section > iframe{
	height: 200px;
}
#side-informations{
	width:100%;
	border-left: 10px solid #FFF;
	margin-top: 10px;
}


}
/* ////////////////////////////////////////////////// IPHONE 4 ////////////////////////////////////////////////// */

@media only screen and (max-device-width: 320px) {
/* STRUCTURE
-----------------------------------------------------------------------------*/

.swiper-slide:hover {
	background-color:transparent;
}

/* STRUCTURE : HEADER : LOGO
-----------------------------------------------------------------------------*/
#container > header > div.nav-responsive{
	text-align:center;
}
#container > header > div.nav-responsive #logoMini{
	float:none;
}

header div#logo {
	width: 250px;
}
/* STRUCTURE : HEADER : NAVIGATION
-----------------------------------------------------------------------------*/
#nav-main a {
	line-height: 35px;
	font-size: 0.9em;
}
li#nav_partenaires, li#nav_espacepro, .ligne-programmation div.texte span.baseline, .ligne-programmation div.texte span.info {
	display: none;
}
li#nav_newsletter {
	border: 0;
	padding-right: 0;
}
nav {
	float:none;
	text-align: center;
}

#nav-secondary a:hover, a.selected {
	border:0;
	background-color: #FF0000;
}


/* HISTOIRE
-----------------------------------------------------------------------------*/
#histoire > div.citationHistoire{
	font-size: 1.2em;
}
#histoire > div:nth-child(6) > div:nth-child(2), #histoire > div:nth-child(9) > div:nth-child(2), #histoire > div:nth-child(11) > div:nth-child(2), #histoire > div:nth-child(14) > div:nth-child(2), #histoire > div:nth-child(17) > div:nth-child(2), #histoire > div:nth-child(19) > div:nth-child(2), #histoire > div:nth-child(23) > div:nth-child(2), #histoire > div:nth-child(26) > div:nth-child(2), #histoire > div:nth-child(30) > div:nth-child(2){
	float: right;
	margin-right:0;
}




/* INFORMATIONS
-----------------------------------------------------------------------------*/
#content > section.maps{
	width:100%;
}
#content > section > iframe{
	height: 200px;
}
#side-informations{
	width:100%;
	border-left: 10px solid #FFF;
	margin-top: 10px;
}


/* RADIO
-----------------------------------------------------------------------------*/
#radio-bar {
	margin-top: 0;
}
#radio-bar .directs .first {
	width: 60px;
	margin-right: 10px;
}
ul.jp-controls a.jp-play.bar, ul.jp-controls a.jp-pause.bar {
	width: 32px;
	text-indent: -9999px;
}
#radio-bar .directs li {
	font-size: 12px;
	width:249px;
	text-align:left;
}

#main section#radio > div.chroniqueurs-content > ul > li{
	font-size: 0.6em;
}
#main section#radio > div.chroniqueurs-content > ul > li > a > img{
	width:80px;
	height:80px;
}
#main section#radio > div > div.banner_chroniqueur > img{
	width:80px;
	height:80px;
}
#main section#radio #tracklist {
  text-align: left;
  margin:0;
}
#main section#radio #tracklist div.song {
  clear: both;
  margin-bottom: 10px;
  overflow: auto;
}
#main section#radio #tracklist div.song div.artistes {
  float: left;
  margin:0;
  padding:0;
  width: 300px;
  font-size:0.8em;
}
#main section#radio div.content_chroniqueur .chronique_txt {
  font-size: 0.7em;
}
#podcasts > div > div.nom{
	line-height: 12px;
	padding-top:3px;
	font-size: 0.6em;
	width:250px;
}
#main section#radio div.grille-content {
	 font-size:0.8em;
}


/* GALERIES
-----------------------------------------------------------------------------*/
#galeries div.bloc_contenuGaleries_contenu {
	width:145px;
	height: 225px;
}
#galeries div.bloc_contenuGaleries_photos .photo {
	height: 145px;
}
#galeries div.bloc_contenuGaleries_texte span {
	vertical-align: middle;
	display: inline-block;
	line-height: 1.2;
	font-size: 0.9em;
}
/* PROGRAMMATION
-----------------------------------------------------------------------------*/
.separateur2 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.ligne-programmation {
	height: 125px;
}
.ligne-programmation div.evenement div.date {
	font-size: 1.0em;
	line-height: inherit;
}
.ligne-programmation div.evenement div.date span.full{
	display:none;
}
.ligne-programmation div.evenement div.date span.responsive{
	display:inline;
}
.ligne-programmation div.evenement div.contenu {
	margin-top: 10px;
}
.ligne-programmation div.evenement div.contenu a.item div.image {
	width: 100px;
}
.ligne-programmation div.evenement div.contenu a.item div.image div.image-container div.img {
	width: 100px;
    height: 66.66px;
}
.ligne-programmation div.evenement div.contenu a.item div.image div.image-container div#full.img {
	display:none;
}
.ligne-programmation div.evenement div.contenu a.item div.image div.image-container div#responsive.img {
	display:block;
}
.ligne-programmation div.evenement div.contenu a.item div.info {
	padding: 10px;
	padding-top: 0;
}
.ligne-programmation div.evenement div.contenu a.item div.info div.formation {
	font-size: 1.0em;
	line-height: inherit;
}
.ligne-programmation div.evenement div.contenu a.item div.info div.formation-plus {
	font-size: 1.0em;
	line-height: inherit;
	margin-top: 5px;
}
.ligne-programmation div.evenement div.contenu a.item div.info ul.infos li {
	font-size: 1.0em;

}
.ligne-programmation div.evenement div.contenu a.item div.info div.baseline {
	display:none;

}
.ligne-programmation div.evenement div.contenu a.item div.info ul.infos li.billetterie {
	display: none;
}
.ligne-programmation div.evenement div.contenu a.item span.voir {
	vertical-align:middle;
	padding-right:0;
}
.ligne-programmation div.evenement div.contenu a.item span.voir i.arrow {
	background: url('images/voir.png') no-repeat;
	background-position:top;
	width: 25px;
	height: 25px;
	margin-left:0;

}
.ligne-programmation div.date div.content h1 {
	font-size: 0.9em;
}
.ligne-programmation div.texte div.content h2 {
	font-size: 0.8em;
}







}





@media only screen and (min-device-width: 213px) and (max-device-width: 213px) {
#galeries div.bloc_contenuGaleries_contenu {
	width:193px;
}
}