@font-face {
  font-family: "OrkneyRegular";
  src: url("../font/OrkneyRegular.woff");
}

@font-face {
  font-family: "OrkneyBold";
  src: url("font/OrkneyBold.woff");
}

@font-face {
  font-family: "OrkneyMedium";
  src: url("font/OrkneyMedium.woff");
}

@font-face {
  font-family: "OrkneyLight";
  src: url("font/OrkneyLight.woff");
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
	font-size:1.1em;
}
a {
    text-decoration: none;
    color:black;
}
a:hover,
a:focus {
    text-decoration: underline;
    color: #e65336;
}

ul {
  list-style: none;
}
li {
	margin:1em;
}

li.footer {
	margin:2em;
}


.content {
font-family: 'OrkneyRegular';
font-weight: normal;
font-style: normal;

}

.imglogo {
	
	vertical-align:text-bottom;
	max-width: 12em;
}

.entete {
	background:#ab2222;
	
}

.titre {
float: right;
font-size: 2em;
margin:0;
color: white;
display: none;
}

.soustitre {
font-size: 2em;
color: #ab2222;
padding:0em;


}

.abonnezvous {
	width: 100%;
}

.author {
	color: #e65336;
}

a.abobutton {
	color: #e65336;	
}


.abo {
	width: 100%;
	height: 2.5em;
	margin-bottom: 1em;
}

.abotxt {
	
	display: inline-block;
	width: 50%;
	height: 100%;
	font-size: 1.2em;
	padding-top: 0.2em;
	padding-left: 1em;
}

.logo {
	height: 100%;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	
	height:100%;
	float:left;
	
}



.podcast {  
	margin-bottom: 0em;
}

.podheader {

}

.podtitle {
	font-size: 2em;
	margin-bottom: 0.1em;
	padding:0;
}
.podheader {
	margin-top: 0.1em;	
	margin-bottom: 2em;
}

.podimg {
	float:left;
	height: 7em;
	width: auto;
}

.podmeta {
/*line-height: 0.2em;*/
}

.poddesc {

}

.podcat {

}

.podcat-fr {

}

.podcat-psy {

}



@media (min-width: 48em) {
    .content {
        margin-left: auto;
        margin-right: auto;
        max-width: 70em;
        
    }

	.entete {
		margin-bottom: 4em;
	}

	.imglogo {

		vertical-align:text-bottom;
		max-width: 12em;
		float:left;
	}
	.titre {
		padding-right: 1em;
	
		text-align: center;
		display: block;
		font-size: 3em;
		min-height: 4em;	
	}
	.abonnezvous {
		width: 100%;
		margin-bottom:  12em;
	}
	.episodes {
		margin-top: 8em;
		padding: 0;
	}
    .footer {
        text-align: center;
    }
    audio {
		margin-left: 1em;
	}
	.abo {
		
		width: 15%;
		height: auto;
		
		float: left;
		font-size: 1em;
		margin-top: 3em;
		margin-right:  2%;
		margin-left:  2%;
	}

	.logo {
		height: 3em;
		width: auto;
		float:left;
	}
	.poddesc {
		min-height: 6em;
		margin-left: 5em;
		
	}

	.podtitle {
		font-size: 2.5em;
	}

	li.footer {
 	display:inline-block;
	margin-top:0em;
	margin-bottom:0em;
 	margin-right: 2em;
 }
 

}