body {
	font-family: Oswald,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	color:#1c1c1c;
}
.stickycont {
  position:sticky;
  top:0;
}
.carousel-header {
    font-family: Oswald,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: .1em;
	line-height: 1.25;
}
#carouselPodcasts img {
	width: 245px;
	height: auto;
	margin: 0 auto;
	align-self: flex-start;
}
.font-nunito {
	font-family: Nunito;
}
.font-oswald {
	font-family: Oswald;
}
.font-weight-medium {
	font-weight:500;
}
.font-weight-xtralight {
	font-weight:200;
}
.carousel-caption {
	padding-bottom:10px;
	bottom:0;
	padding-top:0;
}
a {
	color:#1c1c1c;
}
.w-100-120 {
    width: calc(100% - 160px);
}
.w-120 {
    width: 120px;
    margin-left: 40px !important;
}
.w-80 {
    width: 80%;
}
.w-32 {
	width:8rem;
}
.w-24 {
    width: 6rem;
}
.w-16 {
    width: 4rem;
}
.w-12 {
    width: 3rem;
}
.w-10 {
    width: 2.5rem;
}
.w-8 {
    width: 2rem;
}
.w-6 {
    width: 1.5rem;
}
.w-5 {
    width: 1.25rem;
}
.w-4 {
    width: 1rem;
}
.w-3 {
    width: .7rem;
}
.h-24 {
    height: 6rem;
}
.h-16 {
    height: 4rem;
}
.h-10 {
    height: 2.5rem;
}
.h-8 {
    height: 2rem;
}
.h-6 {
    height: 1.5rem;
}
.h-5 {
    height: 1.25rem;
}
.h-4 {
    height: 1rem;
}
.h-3 {
    height: .7rem;
}
.z-10 {
	z-index:10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}
.mx-16 {
	margin-left: 4rem;
    margin-right: 4rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mt-6 {
	 margin-top: .3rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-15 {
    margin-top: 4rem;
}
.mt-20 {
    margin-top: 5rem;
}
.mt-24 {
    margin-top: 6rem;
}
.ml-10 {
    margin-left: 3.5em;
}
.pt-24 {
    padding-top: 6rem;
}
.pl-6 {
    padding-left: 1.5rem;
}
.pr-6 {
    padding-right: 1.5rem;
}
.mr-6 {
    margin-right: 0.8rem;
}
.left-0 {
left: 0;
}
.right-0 {
right: 0;
}
.cursor-pointer {
	cursor:pointer;
}
#mobile_nav {
    height: 100vh;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    text-align: left;
    z-index: 99;
}
.bg-semi-transparent {
    background-color: rgba(0,0,0,.5);
}
.bg-mobile-menu {
    background-color: #1d1d1d;
}
.bg-mobile-menu a {
    color: #bfab7e;
}
.bg-mobile-menu svg {
    fill: #bfab7e;
}
.bg-mobile-menu a:hover {
    color: #ffffff;
	text-decoration:none;
}
.bg-mobile-menu svg:hover {
    fill: #ffffff;
}
.mobile-menu .menu-1, .mobile-menu .menu-2 {
    font-family: Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;
    font-weight: 300;
}
.mobile-menu .menu-1 {
    text-transform: uppercase;
    font-size: 1.5rem;
}
.mobile-menu .menu-1, .mobile-menu .menu-2 {
    padding: .5rem;
}
footer a:hover, header .icon svg:hover {
    color: #fff;
	fill: #ffffff;
}
header .icon.right-0 svg:hover {
	color:#000;
	fill: #000;
}
header a.logo {
	transition: all .5s;
    transition-timing-function: cubic-bezier(0.2, 3, 0.4, 1);
}
header a.logo:hover {
	transform: scale(1.1, 1.1);
}
a.nound {
	color:#1c1c1c;
}
a.nound:hover {
	text-decoration:underline;
}
.bg-podcast {
    background-size: cover;
    -webkit-animation: fadein 1s;
    animation: fadein 1s;
    background-image: url(https://resize.ovh/o/ef8c5c00-944c-11ea-b756-cb80381b6db0);
	position:relative;
	width:100%;
}
#carouselPodcasts h2, #carouselPodcasts p {
	color:#1c1c1c;
}
#carouselPodcasts h2 {
	letter-spacing:2px;
}
#carouselPodcasts {
    max-width: 250px;
}
.carousel-header {
    max-width: 230px;
}
.res-soc a {
	text-decoration:none;
	color:#2d232c;
}
.icon-rounded {
    border:2px solid #232323;
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    margin: .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
	transition:all .5s;
	transition-timing-function:cubic-bezier(0.2,3,0.4,1);
}
.icon-rounded:hover {
    transform: scale(1.1,1.1);
}
.magic-bg {
    -webkit-mask: url(/static/uploads/2020/05/12/MEXcjlcyiELCngFjGfaV.svg);
    mask: url(/static/uploads/2020/05/12/MEXcjlcyiELCngFjGfaV.svg);
    -webkit-mask-repeat: repeat-y;
    mask-repeat: repeat-y;
    left: 50%;
    position: fixed;
	background-color: #f6f6f6;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: -webkit-mask-position-y 1.5s cubic-bezier(.39,.575,.565,1);
    transition: mask-position-y 1.5s cubic-bezier(.39,.575,.565,1);
    transition: mask-position-y 1.5s cubic-bezier(.39,.575,.565,1),-webkit-mask-position-y 1.5s cubic-bezier(.39,.575,.565,1);
}
.bg-wire {
	position:relative;
	width:100%;
}
.bg-wire #carouselPodcasts img,.bg-wire #carouselPodcasts h2 {
	width:245px;
	height:auto;
	margin: 0 auto;
	align-self: flex-start;
}
.carousel-indicators.carousel-indicator-dots li {
	width: 12px;
	height: 12px;
	border-radius: 100%;
    margin-right: 5px;
    margin-left: 5px;
}
.carousel-indicators {
 bottom:-40px;
}
.carousel-indicators li {
	opacity:1;
}
.carousel-indicators li.active {
	background-color:#bfab7e;
}
.carousel-caption {
	position:relative;
	right:unset;
	left:unset;
}
.carousel-control {
	top: 50%;
}
.carousel-inner {
	height: auto;
}
.carousel-item h2 {
	font-family: Oswald,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	font-weight: 400;
	letter-spacing:.05em;
	font-size:1.2rem;
	color: #1c1c1c;
	border-bottom: 1px solid #1c1c1c;
    display: inline-block;
}
.carousel-control-next, .carousel-control-prev {
	top:-30%;
	opacity:1;
	display:none;
}
span.carousel-control-prev-icon svg, span.carousel-control-next-icon svg {
	fill:#bfab7e;
}
.carousel-control-prev-icon,.carousel-control-next-icon {
    background-image: none;
}
.carousel-control-prev {margin-left: -17px;}
.carousel-control-next {margin-right: -17px;}
.visu-pod {
		width:120px;
		height:120px;
}
.cat-liste {
	font-weight: 400;
    font-family: Oswald,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
time {
	letter-spacing: .05em;
	font-size: .750rem;
	line-height: 1.25;
	display: block;
}
.cat-liste div:first-of-type {
    height: 0.850rem;
}
#app[data-is='main'] .cat-liste div:first-of-type {
    display: flex;
}
.cat-liste a:first-of-type {
	letter-spacing: .1em;
    font-size: .750rem;
	line-height: 1;
}
.cat-liste h3, .cat-liste h3 a:first-of-type {
	letter-spacing: .05em;
  font-size: 1.125rem;
	display:inline;
	line-height: 1.3;
}
.cat-liste h4 {
	letter-spacing: .05em;
    font-size: 1.125rem;
	font-weight: 300;
	display:inline;
}
.cat-liste a {
	text-decoration:none;
	color:#1c1c1c;
}
.cat-liste a:hover {
	border-bottom:1px solid #1c1c1c;
}
.play-on-visu {
	position:relative;
}
.play-on-visu:hover .ico-play-rounded {
	display:block !important;
}
.ico-play-rounded {
	fill:#002dfe;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: calc(50% - 1.5rem);
    width: 3rem;
    height: 3rem;
    color: #002dfe;
    top: calc(50% - 1.5rem);
}
div#audio-player {
    bottom: 0;
    width: 100%;
    background-color: #e8e4e3;
    height: 5.625rem;
    line-height: 1;
}
.max-w-screen-lg {
	width: 1024px;
    max-width: 1024px;
}
.h-player {
    height: 5.625rem;
}
progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border-width: 0;
    background-color: #fff;
    height: .25rem;
    cursor: pointer;
}
progress::-webkit-progress-value {
    background-color: #0018ff;
}
#audio-player .audio-duration, #audio-player .audio-time {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .05em;
    font-size: .875rem;
	color: #2d3748;
}
.tracking-wider {
    letter-spacing: .05em;
}
.player a {
	color:#1c1c1c;
}
.player a:hover {
	text-decoration:none;
}
.button-dark {
    background-color: #232323;
    color: #fff;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
    padding: .5rem 1rem;
	border: none;
}
.icon-v {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: .75rem;
    margin-bottom: .75rem;
	fill: #fff;
}
.rounded-lg {
    border-radius: .5rem;
}
.bg-black {
    background-color: #232323;
}
#social {
	display:none;
}
.text-sm {
    font-size: .875rem;
}
.text-lg {
    font-size: 1.125rem;
}
.text-4xl {
    font-size: 2.25rem;
}
.text-3xl {
    font-size: 1.875rem;
}
.leading-tight {
    line-height: 1.25;
}
.leading-snug {
    line-height: 1.375;
}
.tracking-wide {
    letter-spacing: .025em;
}
.tracking-wider {
    letter-spacing: .05em;
}
.text-magic {
 fill: #002DFE;
 transition: all .5s;
 transition-timing-function: cubic-bezier(0.2, 3, 0.4, 1);
}
.max-w-screen-sm {
    max-width: 640px;
}
.nopmob {
    max-width: 295px;
}
@media screen and (max-width: 640px) {
	.ml-toto-0 {
    margin-left: 0;
	}
	.bg-wire #carouselPodcasts h2 {
	width:unset;
	font-size:1.2rem;
	}
	.bg-wire #carouselPodcasts img {
	width:120px;
	height:auto;
	}
	.nopmob {
	padding-bottom:0;
	margin-bottom:0;
	}
	.w-120 {
	margin-left:20px !important;
	}
	.cat-liste div:first-of-type {
	height:unset;
	}
	.cat-liste h3 {
	line-height:unset;
	}
	.carousel-item h2 {
	border-bottom:0;
	}
	.cat-liste h3 a:first-of-type {
	  line-height:1.3;
	}
}
@media screen and (max-width: 1024px){
	.magic-bg {
	display:none;
	}
}
@media screen and (min-width: 1024px) and (max-width:1259px){
	.res-soc span {
	  display:none !important;
	}
	.bg-wire:not(.bg-left) .res-soc div:first-of-type {
	  flex-direction: column!important;
	}
}
@media screen and (min-width: 640px){
  .min100 {
  min-height:100vh;
}
	#carouselPodcasts {
    max-width: 430px;
	padding-left: 40px;
    padding-right: 40px;
	}
	.carousel-header {
    max-width: 350px;
	font-size:1.5rem;
	}
	.carousel-control-next, .carousel-control-prev {
	display:flex !important;
	}
	.carousel-caption {
	padding-bottom:10px;
	}
}
@media screen and (min-width: 1024px) {
	.d-xl-flex {
    display: -ms-flexbox!important;
    display: flex!important;
	}
	.flex-xl-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
	}
	.justify-content-xl-start {
	justify-content:start;
	}
	.align-items-xl-center {
	align-items: center!important;
	}
	.bg-left {
	position:fixed;
	width:50%;
	}
	span.carousel-control-prev-icon svg, span.carousel-control-next-icon svg {
	fill:#ffffff;
	}
	.w-xl-50 {
    width: 50% !important;
	}
	.w-xl-32 {
    width: 8rem;
	}
	.w-xl-20 {
    width: 5rem;
	}
	.vh-xl-100 {
	height:100vh;
	}
	.h-xl-20 {
    height: 5rem;
	}
	.h-xl-45 {
    height: 11.25rem;
	}
	.ml-xl-16 {
	margin-left: 4rem !important;
	}
	.pl-xl-32 {
    padding-left: 8rem !important;
	}
	.pt-xl-0 {
	padding-top: 0 !important;
	}
	.pt-xl-18 {
    padding-top: 4.5rem;
	}
	.pt-xl-16 {
    padding-top: 5rem;
	}
	.pb-xl-6 {
	padding-bottom:2.5rem !important;
	}
	.pb-xl-12 {
    padding-bottom: 3rem;
	}
	.pr-xl-10 {
    padding-right: 2.5rem !important;
	}
	.justify-content-xl-end {
	justify-content: flex-end !important;
	}
	.flex-xl-wrap {
	flex-wrap: wrap !important;
	}
	.right-xl-auto {
	right: auto;
	}
	.right-xl-0 {
	right:0;
	}
	.left-xl-auto {
	left: auto;
	}
	.left-xl-0  {
	left:0;
	}
	.mt-xl-0 {
	margin-top:0;
	}
	.carousel-item h2 {
	font-size:1.5rem;
	}
}

.player-control {
  cursor: pointer;
}

#social div {
	cursor: pointer;
}
.text-magic:hover {
  transform: scale(1.1,1.1);
}
/*agenda*/
body.agenda {
	color:#1f1f1f;
	background-color: #f5f5f5;
}
body.agenda .container {
	max-width:1274px;
}
#navfiltre a.active {
	background-color:#fff;
	border-bottom:1px solid #fff;
	padding:9px 11px 9px 11px;
	margin: 0;
}
#navfiltre a {
	border-bottom:1px solid #000;
	color:#000;
	font-size:14px;
	padding:9px 0 0 0;
	margin: 0 10px;
}
.pt-17 {
    padding-top: 5rem;
}
.pt-7 {
    padding-top: 1.4rem;
}
.pb-17 {
    padding-bottom: 5rem;
}
.prog-date {
	font-size:24px;
	font-weight:600;
}
.prog-heure {
	font-weight:300;
	margin-left:7px;
}
.prog-genre {
	font-size:24px;
	font-weight:300;
}
.prog-titre h1  {
	font-size:36px;
	line-height:1.2em;
	font-weight:600;
}
.prog-liste a, .prog-une a {
    color: #1c1c1c;
}
.prog-liste a:hover, .prog-une a:hover {
    text-decoration:none;
}
.prog-liste a:hover img, .prog-une a:hover img {
	transform: scale(1.02);
}
.prog-liste .prog-titre h2, .prog-une .prog-titre h1 {
	border-bottom:1px solid transparent;
}
.prog-liste a:hover .prog-titre h2, .prog-une a:hover .prog-titre h1 {
	border-bottom:1px solid #1c1c1c;
}
.prog-liste img, .prog-une img {
    transition: all 0.5s;
}
.prog-liste .prog-date {
	font-size:16px;
}
.prog-liste .prog-genre {
	font-size:14px;
	padding-left:17px;
	padding-right:17px;
}
.prog-liste .prog-titre h2 {
	font-size:18px;
	line-height: 1.4em;
	margin-left:17px;
	margin-right:17px;
}
.prog-liste > .d-flex {
    margin-right: 30px;
	max-width: 288px;
}
.prog-liste > .d-flex:nth-of-type(4n) {
    margin-right: 0;
}
.btn-bg-agenda {
	background-color:#f5f5f5;
}
.detail-left-agenda {
	max-width:750px;
	font-size:16px;
	font-weight:300;
	line-height:170%;
}
.detail-right-agenda {
	max-width:494px;	
}
.detail-left-agenda b {
	font-weight:700;	
}
.detail-left-agenda br {
    content: "";
    margin: 7em;
    display: block;
    font-size: 24%;
}
.detail-right-agenda .prog-date {
	font-size:30px;
}
.detail-right-agenda .prog-genre {
	font-size:30px;
	padding-left:40px;
	padding-right:40px;
}
.detail-right-agenda .prog-titre {
	font-size:48px;
	line-height: 1.3em;
	padding-left:40px;
	padding-right:40px;
}
.btn.focus, .btn:focus {
    box-shadow: unset !important;
}
.resa-agenda p {
    margin-bottom: 0.6rem;
    line-height: 18px;
}
.resa-agenda p:first-of-type {
	font-size:18px;
	font-weight:700;
}
.resa-agenda p:last-of-type {
	font-size:14px;
	font-weight:300;
}
.btn-bg-resa {
	line-height: 160%;
	color:#fff;
	background-color:#f90102;
	border-radius: unset;
}
.btn-bg-resa:hover {
	color:#fff;
}
.festival-titre h1 {
    font-size: 48px;
	font-weight: 500;
	letter-spacing:0.05rem;
}
.text-festival div {
	font-weight:300;
	font-size:16px;
    margin: 0 auto;
    width: 60%;
}
.text-festival div p {
	text-align: justify;
	text-align-last: center;
}
.text-festival div a {
	text-decoration:underline;
	font-weight:700;
}
.pt-8 {
	padding-top: 1.6rem;	
}
.w-9 {
	width:2.5rem;
}
.h-9 {
	height:2.5rem;
}
.h-11 {
	height:1.3rem;
}
#secondary-nav a svg {
    transition: all .5s;
    transition-timing-function: cubic-bezier(0.2, 3, 0.4, 1);
}
#secondary-nav li a svg:hover {
    transform: scale(1.1, 1.1);
}
.homeagenda {
    background-image: url(https://letelegraphe.org/system/pictures/pictures/5dfb/a69d/71c3/fc38/e665/9e81/original/background-telegraphe.jpg?1576773276);
    background-size: cover;
    animation: fadein 1s;
}
/*.homeagenda main, .homeagenda .container, .homeagenda .container div {
    height: calc(100% - 56px);
    height: calc(100vh - 56px);
}*/
.homeagenda footer {
	width: 100%;
	color: #1b1b1b;
	position:absolute;
	bottom:0;
	padding-left: 5rem;
    padding-right: 2.2rem;
	font-family:'Playfair Display', serif !important;
	font-size: 0.9rem !important;
	height:56px;
}
footer ul {
    margin-bottom: 0;
}
.homeagenda footer li {
	    line-height: 2.1rem;
}
.homeagenda footer ul:not(.iconsoc) li a {
	padding: 0 14px;
}
.homeagenda footer li a:hover {
	text-decoration:none;
}
.homeagenda footer svg {
	color: #1b1b1b;
	fill: #1b1b1b;
}
.homeagenda footer input[type=email] {
    border: 1px solid #1b1b1b;
    width: 130px;
    background: transparent;
    padding: 0 10px;
    background: transparent;
    color: #434f46;
}
.homeagenda footer input[type=email]::placeholder {
	color: #1b1b1b;
}
.homeagenda footer input[type=email]:focus {
    outline: none;
    background-color: transparent;
}
.homeagenda footer button {
    background: none;
	border: none;
}
.collapse:not(.show) {
	display:none !important;
}
.homeagenda footer .iconsoc>* {
	padding-left:20px;
}
.homeagenda footer a:hover svg {
    fill: #fefefe;
}
@media screen and (min-width:1274px){
	.pt-xl-17 {
    padding-top: 5rem !important;
	}
	.pb-xl-17 {
    padding-bottom: 4.3rem !important;
	}
}
@media screen and (min-width:662px) and (max-width:1274px){
	.pt-lg-17 {
    padding-top: 5rem !important;
	}
}
@media screen and (max-width:684px){
	.prog-liste > .d-flex, .prog-liste > .d-flex:nth-of-type(2n), .prog-liste > .d-flex:nth-of-type(3n), .prog-liste > .d-flex:nth-of-type(4n) {
    margin-right: 10px !important;
    margin-left: 10px;
	}
	.prog-liste > .d-flex:before {
	text-align: center;
	height: 30px;
	content:url('/podcasts/images/agenda/sep-agenda.jpg');
	}
	.prog-titre h1 {
	font-size:28px;
	}
	.prog-liste a:hover .prog-titre h2, .prog-une a:hover .prog-titre h1 {
	border-bottom:none;
	}
	.detail-right-agenda {
	max-width:100%;	
	}
	.detail-right-agenda .prog-date {
    font-size: 26px;
	}
	.text-festival div {
		width:90%;
	}
	.text-festival div p {
	text-align: left;
	text-align-last: left;
	}
}
@media screen and (min-width:720px){
	.pt-md-7 {
	padding-top: 1.4rem !important;	
	}
	.pt-md-8 {
	padding-top: 1.6rem !important;	
	}
}
@media screen and (max-width:767px){
	.detail-right-agenda {
    max-width: 100%;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 
  body.agenda .container {
	max-width:750px !important;
	}
	.homeagenda footer {
	height:38px;
	}
	/*.homeagenda main, .homeagenda .container, .homeagenda .container  div {
    height: calc(100% - 94px);
    height: calc(100vh - 94px);
	}*/
}

@media screen and (max-width:960px){
	.homeagenda footer {
		padding:0;
	}
	.homeagenda footer div.mr-auto {
	display:none !important;	
	}
	.homeagenda footer div:last-of-type{
	 margin-right: auto;
	}
	.homeagenda footer .iconsoc>* {
	padding-left: 0px;
	padding-right: 20px;
	}
}
@media screen and (max-width:1184px){
	body.agenda .container {
	  max-width:780px;
	}
	body.agenda .container.prog-une {
    padding-left:0 !important;
	  padding-right:0 !important;
	}
	.prog-liste > .d-flex:nth-of-type(2n) {
    margin-right: 30px;
	}
	.prog-liste > .d-flex:nth-of-type(3n) {
    margin-right: 0px;
	}
}
@media screen and (max-width:1529px){
	body.agenda .container {
	max-width:954px;
	}
	.prog-liste > .d-flex:nth-of-type(3n) {
    margin-right: 0;
	}
	.prog-liste > .d-flex:nth-of-type(4n) {
    margin-right: 30px;
	}
}
/**/