@font-face {
    font-family: 'recta';
    src: url('../fonts/recta/Recta-Medium.woff2') format('woff2'),
         url('../fonts/recta/Recta-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rectabold';
    src: url('../fonts/recta/Recta-Bold.woff2') format('woff2'),
         url('../fonts/recta/Recta-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rectaboldcondensed';
    src: url('../fonts/recta/Recta-BoldCondensed.woff2') format('woff2'),
         url('../fonts/recta/Recta-BoldCondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html {overflow-x: hidden; font-size: 11px}
body {background-color: #F7F7F7; color:#033A40;font-family: 'recta'; }
#main > section {}
h1, h2, h3,   .h1, .h2 {font-family: 'rectaboldcondensed' !important; font-weight: normal; letter-spacing: -0.05rem;}
h1, .h1 {
    font-size: calc(34px + 1vw) !important;
    line-height: 0.9 !important
}
.h2, h2 {
    font-size: 3.5rem;
}
.alignwide {width: calc(100vw - 300px); margin: 0 auto;}
@media screen and (max-width: 900px) {
  .alignwide {width: calc(100vw - 50px); margin: 0 auto;}
}
@media screen and (max-width: 500px) {
  .alignwide {width: 100vw; margin: 0 auto;}

}
.wrappergrand {max-width: 1400px; margin: 0 auto;}

.h1big {font-size: calc(27px + 0.8vw) !important}
h4,strong {font-family: 'rectabold' !important;}
.titrerecta {  font-family: 'recta' !important;}
.petittexte {font-size: 1.4rem}

#contenu a {border-bottom: dotted 1px rgb(3, 58, 64)}
#contenu a:hover {border-bottom: none}

.chapeau {font-size:3.4rem !important;
line-height: 1.1;}

.bold{font-family: 'rectabold' !important;}
.boldcondensed{font-family: 'rectaboldcondensed' !important; }
.wrapperpetit {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}
.wrapperlarge {
  max-width: 1380px;
  width: 95%;
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  position: relative;
}
.sous-titre{
    text-transform: uppercase;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
}
.pronom {
  font-size: 0.6em;
  display: block;
}

* {outline: none}
button:focus {outline: none !important}

.bckwhite{background-color: white}
.bckgris{background-color: #F2F2F2}
.bckgrislight{background-color: #00000026}
.bckgrisfonce {background-color: #E0E0E0}
.bckbleuclaire {background-color: #D3E7FF}
.bckgorange {/*background-color: #FD7B48;*/
  background: rgb(255,183,155);
  background: linear-gradient(94deg, rgba(255,183,155,1) 0%, rgba(255,140,89,1) 100%);}
.bckgblue{background-color: #D9E6FF}
.colorblue{color: #D9E6FF}
.colorbluelien{color: #5460FF}
.bckgbluefonce{background-color: #063C42}
.bckgvertfonce{background-color: #033A40}
.colorvertfonce{color: #033A40}
.bckgblueorange{background: transparent linear-gradient(180deg, var(--unnamed-color-d9e6ff) 0%, var(--unnamed-color-ffc7b2) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #D9E6FF 0%, #FFC7B2 100%) 0% 0% no-repeat padding-box;}
.bckgorangeblue{/*background: transparent linear-gradient(180deg, var(--unnamed-color-ffc7b2) 0%, var(--unnamed-color-d9e6ff) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #FFC7B2 0%, #D9E6FF 100%) 0% 0% no-repeat padding-box;*/
background: rgb(211,231,255);
background: linear-gradient(95deg, rgba(211,231,255,1) 0%, rgba(84,96,255,1) 100%);}
.bckgblueorangevertical {background:transparent linear-gradient(240deg, #FFC7B2 0%, #D9E6FF 100%) 0% 0% no-repeat padding-box;}
.color-white {color: white !important}
.color-orange {color: #FD7B48 !important}

.titreblanc {
  color:white;
  /* text-transform: uppercase; */
  /* text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #fff, -1px 1px 0 #000; *//*
-webkit-text-stroke: 1px #033a40;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;*/
font-smooth: always;

}
.titrepage{
  min-height: 350px;
  padding-top: 120px;
  text-transform: uppercase;
}

.raduis20 {border-radius: 10px}

.ombre {-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);}
.souligne {border-bottom:solid 3px black}

.borderbottomorange {border-bottom: solid 2px #FD7B48; padding-bottom: 1rem; margin-bottom: 1rem}

#contenu.borderbottomorange { margin-bottom: 0rem}

.borderbottomorangelight {border-bottom: solid 1px #FD7B48; padding-bottom: 1rem; margin-bottom: 1rem}
.bordertoporange {border-top: solid 2px #FD7B48; padding-top: 1rem; margin-top: 1rem}

.w-100 {width: 100%}
.h-100 {height: 100%}

.d-flex{flex-wrap: wrap;}

#thumbdesc {text-align: right;
font-size: 1.7rem;
margin: 0.5rem 0;}


#infoformation img, .wrapperpetit img, #infoformation p img.alignnone {height:auto !important;}
#infoformation {word-break: break-word;}
#email-popup-inner-flex a,
#infoformation a,
.single-actualites article .wrapperpetit .pt-5 a,
#accordionApropos a,  #biographie a
 {color:#FFA380 !important}

#email-popup-inner-flex a:hover,
#infoformation a:hover,
.single-actualites article .wrapperpetit .pt-5 a:hover,  #biographie a:hover {opacity: 0.7}
.single-actualites article .wrapperpetit img {height: auto;}



@media screen and (max-width: 575px) {
  .h3, h3 {
    font-size: 2rem;
  }
  .p-5 {
      padding: 3rem 1rem !important;
  }
  .pl-5, .px-5 {
    padding-left: 1rem !important;
  }
  .pr-5, .px-5 {
    padding-right: 1rem !important;
  }
  .pb-5, .py-5 {
    padding-bottom: 3rem !important;
  }
  .pt-5, .py-5 {
    padding-top: 3rem !important;
  }
  .mb-5, .my-5 {
    margin-bottom: 1rem !important;
  }
  .mt-5, .my-5 {
    margin-top: 1rem !important;
  }


}



.addsmall {background-color: #033A40; border-radius: 30px; padding: 0.5rem 1.3rem; border: none; font-size: 1.5rem; 
color:white}
.addsmall:hover{background-color: white;  color: #033A40}

@media screen and (max-width: 775px) {
  .addsmall {padding: 0.7rem 1.3rem; border: none; font-size: 1.7rem; 
    color:white}
}

.addsmall svg, .addsmall svg rect, .addsmall svg path {fill:white}
.addsmall:hover  svg path, .addsmall:hover  svg rect, .addsmall:hover  svg path {fill:#033A40}

.addsmallwhite {background-color: white; color:#033A40 ;}
.addsmallwhite:hover{color: white; background-color:#033A40 ;}

.addsmallwhite svg, .addsmallwhite svg rect, .addsmallwhite svg path {fill:#033A40}
.addsmallwhite:hover  svg path, .addsmallwhite:hover  svg rect, .addsmallwhite:hover  svg path {fill:white}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:none !important;
}

blockquote {border-left: solid 2px #FFA380 !important; padding-left: 2rem; font-size: 2.6rem;
line-height: 1.2;}

.abonnement-rss { width: auto; display: inline-block; height: 40px; cursor: not-allowed;}
.single-podcast:not(.postid-10343) .addrss {pointer-events: none; opacity: 0.7;}
.addrss:after{font-family: "Font Awesome 5 Free"; font-weight: 700; content:' \f09e'; padding-left: 1rem}
.addplay .fas {font-size: 1.6rem}
.addplay{
  display: block;
  float: left;
}
.addplaylist{
  padding: 0.2rem 1.5rem 0.7rem;
	display: block;
	float: left;
	margin-left: 12px;
	margin-right: 12px;
}

@media screen and (max-width: 775px) {
  .addplaylist{padding: 0.4rem 1.5rem 0.8rem;}
}
.addpartage{
  min-width: 51px;
}

.duree-duree {
	min-width: 50px;
	display: inline-block;
}

@media screen and (max-width: 575px) {
  .addplay, .addplaylist{transform: scale(0.8);}
}

.float-none {float: none !important;}

.multiplespan a:after {content:' - '}
.multiplespan a:last-child:after {content:none}

.boxshadow {-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);}

.boxshadowtop {box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.6);}

.wp-pagenavi a, .wp-pagenavi span {
    border: none !important;
  font-family: 'recta';
    text-decoration: none;
  padding: 0px 8px 2px !important;
  margin: 2px;
  font-size: 1.8rem;
  font-weight: lighter !important;
}

.wp-pagenavi .pages{display: none;}
.wp-pagenavi {margin-bottom: 2rem; margin: 4rem auto;}
.wp-pagenavi span.current {
 background-color: #D9D9D9; border-radius: 50%;
}

.footer-sociaux, .logo-sociaux {display: flex;}
.footer-sociaux > div , .logo-sociaux > div {margin-right:1rem}
.footer-sociaux > div.footer-instagram , .logo-sociaux > div.logo-instagram {margin-left:1px;margin-right:13px;}

#toTop {
	position: fixed;
	bottom: 100px;
	right: -50px;

	background: #033A40;
	text-align: center;
	border-radius: 13px;
  transition: right 0.4s cubic-bezier(.65,.05,.36,1);
  cursor: pointer;
  z-index: 15;
  width: 50px;
  height: 50px;
  padding-top: 15px;
  color: #fff;
  box-shadow: 0px 0px 10px rgba(50,50,50,0.2)
}
#toTop.actif{
  right: 20px;
}
#toTop:hover{
  box-shadow: unset;
}
#toTop .dashicons{color: #D9E6FF !important}
.acsr-share{
  margin-top: 1em;
}
#post-10338 > .float-none,
#post-10338 .description,
#post-145 > .float-none,
#post-145 .description,
#post-199 > .float-none,
#post-199 .description  {color: white}

.type-serie .acsr-share h5,
.type-productions .acsr-share h5{
  display: none;
}

.acsr-link {
	margin-right: 11px;
  margin-left: 5px;
  float: left;
}
.acsr-link.acsr-facebook {
	margin-right: 13px;
}
.acsr-link.acsr-mailto {
	margin-top: -2px;
}



/* MENU */

.headertop > div {display: flex;
align-items: center;
flex-grow: 1;}
.headertop > div:first-child {text-align: left;}
.headertop > div:nth-child(2){display: flex;
align-items: center;
justify-content: center;}
.headertop > div:last-child{display: flex;
align-items: center;
justify-content: right;}

.headertop .logo-sociaux .logo-peertube img {height: 20px}

.logoacsr a {display: block;margin: 0 0 0 auto !important;}

@media screen and (max-width: 575px) {
  .headertop > div:nth-child(2) {order: 1}
  .headertop > div:first-child {
    margin-top: -7px;
  }
}

header.header {z-index: 999; position: relative;}

#headersitetop {background-color: #033A40; margin: 0; padding: 2.1rem;
}
#headersitetop > .wrapper {display: flex;}
#headersitetop > .wrapper div:first-child {width: 85px}
.header #sitetitle {text-align: center; width:calc(100% - 170px) }
.header #sitetitle a {color: white;}
.header #siteradiola { width: 85px}

#header-menu {z-index: 99; }
#header-menu > .wrapper {display: flex; position: relative;}
#header-menu .logo {width: 10%; display: block;padding: 0.75rem 0;}
#header-menu .logo img{width: 65px; height: auto;}
#header-menu.sticky .logo {width: 10%; display: block;}
#header-menu nav.nav {width: 100%; }
#header-menu.sticky nav.nav {width: 100%}

#header-menu nav.nav > ul  {list-style: none;padding: 0; display: flex; height: 100%; align-items: center;justify-content: center;
width: 100%}
#header-menu nav.nav > ul > li { height: 100%;display: flex; align-items: center;  justify-content: center;flex-grow: 1; padding: 1rem 0
}
#header-menu nav.nav > ul > li > a {height: 100%;
display: flex;
align-items: center;
  font-family: 'recta';
font-size: 1.8rem;
border-right: solid 1px #F2F2F2;
width:100%;
display: flex;
align-items: center;
justify-content: center;}

#header-menu nav.nav > ul#menu-main-webzine  li:last-child a {border-right: none}
ul#menu-main-webzine {margin-bottom: 0;}

#header-menu nav.nav > ul > li.menu-item-has-children > a:after {display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: 0.255em;
  content: '';
 /* border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-left: 0.3rem;
  margin-top: 0.5rem;*/
  margin-left: 1.3rem;
  margin-top: -0rem;
  background-image: url('../img/svg/Header/FLECHE_MENU.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;}

.current-menu-item > a {color: #FD7B48}
/*
#header-menu nav.nav > ul > li.menu-item-has-children.current-menu-ancestor > a:after {content: url('../img/svg/Header/FLECHE_MENU_rose.svg')}
#header-menu nav.nav > ul > li.menu-item-has-children.current-menu-item > a:after {content: url('../img/svg/Header/FLECHE_MENU_rose.svg')}
*/
#header-menu nav.nav > ul > li.menu-item-has-children:hover > a:after {display: inline-block;
margin-top: 1rem;
content: '';
background-image:url('../img/svg/Header/FLECHE ACTIVE.svg');
}
#header-menu nav.nav a:hover{color:#FD7B48}

#header-menu nav.nav > ul > li .sub-menu a {font-size: 1.8rem; line-height: 1; padding: 0.2rem 0 0rem 0.5rem}
#header-menu nav.nav > ul > li .sub-menu a:hover {background-color: white}

#header-menu nav.nav  ul.sub-menu { padding:0rem 0 1.2rem 20% ;}

#header-menu nav.nav .mobile {display: none}

.sidemenu ul.sub-menu {padding-left: 1rem; display: none !important;}
.sidemenu {background-color: #FD7B48; color:white}
.sidemenu .close_sidemenu { color:white}
.sidemenu section a{
  color: #fff;
  width: 100%;
  display: block;
}

.sidemenu #menu-main-acsr-1 > li > ul.sub-menu li a  {color: #063C42}

.sidemenu_open .sidemenu {
    border: solid 3px #063C42;
}

.open_sidemenu {display: none;}
.open_sidemenu.sideb {display: block;}
.open_sidemenu.sideb a span {color: white; font-size: 3.5rem}

.sidemenu .widget li, .sidemenu .menu li {display: block !important;}
.sidemenu .sub-menu {
    display: block !important
}

.sidemenu .menu li.menu-item-10624 {display: none !important;}

#searchmobile {display: none;position: absolute;
right: 0;}

@media screen and (max-width: 1000px) {
  .logoacsr {display: none;}  

  #header-menu nav.nav > ul {display: none}
  .open_sidemenu {
    display: inline-block;
    padding-top: 0.7rem;
    float: none;
    margin: 0 3rem 0 auto;
}
  #searchmobile {display: block; padding-top: 0.7rem; right: 0px}


  .menu-item-9865 {display: none !important;}
  .dashicons-menu-alt::before {
    font-size: 3rem;
    }
    #header-menu nav.nav {
      padding: 0.8rem 0 1rem;
    }
    .headertop {display: none}
  .logomobile {display: block;margin-left: 2rem}
  #header-menu {  display: flex;
  align-items: center;
  justify-content: center;}
}

.menu-item-has-children {
  display: inline-block;}

#header-menu nav.nav .sub-menu {
  display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: none;

padding:0;
z-index: 1;
width: 100%; left: 0;
top:100%;
list-style: none;
padding-bottom: 1.3rem

}

#header-menu nav.nav .sub-menu:before {content: '';
width: 100vw;
background-color: white;
height: calc(100% + 2px);
display: block;
position: absolute;
right: 0;
text-align: 0;
top: 0;
border-bottom: solid 1px #F2F2F2;
border-top: solid 1px #F2F2F2;
z-index: -2
}
#header-menu nav.nav .sub-menu:after {content: '';
width: 100vw;
background-color: white;
height: calc(100% + 2px);
display: block;
position: absolute;
left: 0;
text-align: 0;
top: 0;
border-bottom: solid 1px #F2F2F2;
border-top: solid 1px #F2F2F2;
/*background-image: url('../img/svg/SUBMENU/GRIFFE.svg');
background-repeat: no-repeat;
background-position: 4rem center;
background-size: 60px;*/
z-index: -1}

#header-menu nav.nav .sub-menu > li {width: auto;
padding: 1.3rem;
padding-bottom: 0;
text-align: center;
display: flex;
align-items: center;
flex-grow: 1;
float: left;}

#header-menu nav.nav .menu-item-has-children:hover .sub-menu {display: block;}

#menu-main-acsr li.active > a, .current-menu-ancestor > a {color:#FD7B48 }

.menu-image-title-hide img {
    width: 26px;
    height: auto;
}

@media screen and (max-width: 1000px) {
.menu-item-has-children .sub-menu {display: block !important;}
}




@media screen and (max-width: 750px) {
  #headersitetop > .wrapper div:first-child, .header #siteradiola  {display: none}
  .header #sitetitle {text-align: center; width:100%}
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}


/* FOOTER */

#newsletter .raduis20 {border-radius: 10px 10px 0 0}
#newsletter .boxshadow {box-shadow: 0px 0px 12px 0px rgb(0,0,0,0.2)}

#newsletterlogo {position: relative;}

#logosfooter {color:#D9E6FF}
#logosfooter h3 {line-height: 1}
#logosfooterradiola img {width: 50%}
#logosfooteracsr img {width: 50%}

.tnp-subscription {margin: 2rem 0 0 0 !important}

#newslettertexte label {width: 100%}
#newslettertexte .wpcf7-form-control-wrap, #newslettertexte .tnp-field {
  width: 100% !important;
  display: block;
}
#newslettertexte input, .tnp-profile form div input {
  text-align: left !important;
  max-width: 100% !important;
  background-color: #D9D9D9 !important;
  font-size: 1.8rem !important;
  border-bottom: none;
  color: #063C42;
  border-radius: 20px;
  padding: 0.5rem 1rem;
}
/*
#newsletter #newslettertexte input, #newsletter .tnp-profile form div input {
  border: none;
  color: #D9E6FF;
  border-bottom: solid 1px #D9E6FF !important;

}
*/
#newslettertexte input.tnp-submit {color: #D9D9D9 !important;background-color: #063C42 !important; border:solid 1px #D9D9D9}
#newslettertexte input.tnp-submit:hover {background-color: #D9D9D9 !important;color: #063C42 !important; border:solid 1px #D9D9D9}

#newsletter #newslettertexte .wpcf7-submit, #newsletter #newslettertexte .tnp-field-button .tnp-submit, #newsletter .newsletter .page.type-page a:not(.post-edit-link) {background-color:transparent; width: auto; color:#C4F9FF; border:solid 1px #C4F9FF; border-radius: 30px; padding: 1rem 4rem}
#newsletter #newslettertexte .tnp-field-button .tnp-submit:hover, .newsletter .page.type-page a:not(.post-edit-link):hover{background-color:#063C42; width: auto; color:white;}
#metanewsletter {margin-top: 2rem}
#accept {float: left; width: 65%}
#submitbtn {float: right; width: 35%}

#newsletter #newslettertexte  .tnp-subscription label {

  color: #D9E6FF;
}

#newslettertexte .tnp-privacy-field label{
display: flex;
align-items: center;
}
#newslettertexte .tnp-field-privacy {position: relative;}

#newsletterlogo .h1bigb{font-size:calc(25px + 1vw)  !important }
#newsletter #newslettertexte a {color: #FFA380}

[data-class="wpcf7cf_group"] {
transition: height 3s }


.wrapperpetit #newslettertexte {background-color: #063C42; border-radius: 10px;padding: 1rem}
.wrapperpetit #newslettertexte  .tnp-privacy-field label {color: #D9E6FF}


@media screen and (max-width: 1160px) {
  #accept, #submitbtn {float: none; width: 100%}
}

.wpcf7-acceptance label {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.wpcf7-form input[type=checkbox]{
/*position: relative;*/
visibility: hidden;
margin-top: 0

}
.wpcf7-acceptance .wpcf7-list-item-label {margin-left: 1rem}

.wpcf7-form input[type=checkbox] + span:before{
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 30px;
width: 30px;
top: 0px;
left: 0px;
border: 1px solid #D9E6FF;
border-radius:50%
}
.wpcf7-form input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2713";
height: 30px;
width: 30px;
top: 0;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 30px;
}
.wpcf7-form input[type=checkbox]:checked + span:before {
background: transparent;
}
.wpcf7-form input[type=checkbox]:checked + span:after {
visibility: visible;
}

.wpcf7-form input::placeholder, #newsletter #newslettertexte input::placeholder {
  color: #D9E6FF;
  opacity: 1;
  padding-bottom: 1rem
}

#newslettertexte .tnp-field.tnp-privacy-field span {    font-size: 1.7rem;
    font-weight: lighter; }

#newslettertexte input[type=checkbox] { /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0 0.5rem 0 0;

  font: inherit;
  color: currentColor;
  width: 30px;
  height: 30px;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
  cursor: pointer;
}

#newslettertexte input[type="checkbox"]::before {
  content: "\2713";

  /*clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);*/
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: transparent;
  cursor: pointer;
}

#newslettertexte input[type="checkbox"]:checked::before {
  transform: scale(1);
}



@media screen and (max-width: 575px) {
#logosfooter {position: inherit;}
}

#copyright {margin-bottom: 2rem; border-top:solid 1px #063C42}
@media screen and (max-width: 575px) {
#copyright > div .text-right {text-align: left !important; margin-top: 2rem}
#copyright > div div  {padding: 0 !important}
}
/* HOME */

#derniersons .derniersonssllide {background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%;margin-left: 0.02em;}

.derniersonsauteurs > span {font-size: 2rem}
.derniersonsauteurs > span:after {content:' & '}
.derniersonsauteurs > span:last-child:after {content:none}
/*
.owl-dots {text-align:center;border: none !important;
box-shadow: none !important;}
button.owl-dot {
    border: none;
    background-color: transparent
}
.owl-dots span {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-dot.active span {background-color: black}
*/
.owl-carousel .owl-nav {opacity: 0;transition: all 0.2s;}
.owl-carousel:hover .owl-nav {opacity: 1;transition: all 0.2s;}
#derniersons #sonowl  {position: relative;}
#derniersons #sonowl .owl-prev, #derniersons #sonowl .owl-next {position: absolute; top: 0%; height: 100%;}
#derniersons #sonowl .owl-prev{left: 20px}
#derniersons #sonowl .owl-next {left: calc(100% - 30px)}




#derniersons #sonowl .owl-prev img,#derniersons #sonowl .owl-next img {width: 11px;
height: 20px;
max-width: initial;}

@media screen and (max-width: 1370px) {
  #derniersons #sonowl .owl-prev{left: 50px}
  #derniersons #sonowl .owl-next {left: calc(100%  - 56px)}
}

#sonsdumois .owl-stage-outer {padding-top: 1rem; padding-bottom: 1rem}

.derniersonsleftin {}
@media screen and (max-width: 575px) {
  .derniersonsleft {padding: 0 2rem !important;}
  .derniersonsleftin {padding: 0 !important}
  .derniersonstitre {margin-top: 0 !important}
.owl-nav {display: none}
}

.derniersonsleftin .genre {font-size: 1.5rem;}

#derniersons #sonowl .owl-item:nth-child(3n+2) .derniersonssllide{background-color: #D8E5FE}
#derniersons #sonowl .owl-item:nth-child(3n+3) .derniersonssllide{background: rgb(255,183,155);
  background: linear-gradient(94deg, rgba(255,183,155,1) 0%, rgba(255,140,89,1) 100%);}
#derniersons #sonowl .owl-item:nth-child(3n+1) .derniersonssllide{background-color: #F2F2F2}

#sonowl .owl-stage-outer{
   transform:translate3d(0,0,0)
 }

#sondumoistop {
overflow: hidden;
    white-space: nowrap;
    width: 100%; margin: 0 auto;
    margin-left: 0% !important
}
#sondumoistopin {    overflow: hidden;
    white-space: nowrap;
    width: 120%; margin: 0 auto;
    margin-left: -10% !important
}
#sondumois {-webkit-box-shadow: inset 5px 13px 15px -9px rgb(223, 123, 72);
box-shadow: inset 5px 13px 15px -9px rgb(223, 123, 72);}
.textesondumois {font-size: 2.4rem}

.sondumoisright {aspect-ratio: 1/1; background-position: center;background-size: cover;background-repeat: no-repeat;}
.sondumoisright > div {margin: 0 0 0 auto;}
.sondumoisright a {height: 100%;width: 100%;}
.sondumoisright {border-radius: 10px 0 0 10px;}
@media screen and (max-width: 575px) {
  .actualitesune {padding-right: 0 !important}
}

.actualitesunein {height: 100%}

.actualitesunein h3 { line-height: 1.1; font-size: 3.3rem}
.actualitesuneintop h3 {border-bottom: none; line-height: 1.1; font-size: 4.2rem}
.actualitesunecontenu {line-height: 1.3}

.actualitesuneintop {background-repeat: no-repeat;background-position: center; background-size: cover;}
.actualitesuneintop {color: white; position: relative;}

.actualitesuneintop:before{content:''; position: absolute;width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg, rgba(3,58,64,1) 0%, rgba(3,58,64,0.48361351376488093) 35%, rgba(3,58,64,0.4780112728685224) 70%, rgba(3,58,64,0.48361351376488093) 100%);
border-radius: 10px;}

.actumetatop {font-size: 1.4rem}

@media screen and (max-width: 575px) {
  .actualitesunein h3 { padding-bottom: 2rem; font-size: 3rem !important}
  .actumetatop {font-size: 1.5rem}

}

.actualitesunedate:before{content:''; width: 10px;
height: 10px;
background-color: #033a40;
border-radius: 50%;
display: inline-block;
margin-right: 1rem;
vertical-align: 2px;}

.actualitesuneintop .actualitesunedate:before{
  background-color: #ffffff;
  }
.actualitesuneintop a:hover {color: inherit;}

.datearchiveatelier:before{content:''; width: 9px;
  height: 9px;
  background-color: #033a40;
  display: inline-block;
  margin-right: 1rem;
  vertical-align: 2px;}


#home-podcasts .owl-stage-outer .owl-stage > div {border-radius: 20px;}
#home-podcasts .owl-stage-outer {padding-top: 1rem; padding-bottom: 1rem}

/*
#home-podcasts .owl-stage-outer .owl-stage > div:nth-child(4n+1) {
    background-color: #FFFE93}
#home-podcasts .owl-stage-outer .owl-stage > div:nth-child(4n+2) {
      background-color: #FF743E}
#home-podcasts .owl-stage-outer .owl-stage > div:nth-child(4n+3) {
      background-color: #AF75FD}
#home-podcasts .owl-stage-outer .owl-stage > div:nth-child(4n+4) {
      background-color: #C4F9FF}
*/

#home-dernierssons.owl-carousel .owl-item img {border-radius: 20px 20px 0 0 }

#home-podcasts, #home-dernierssons, #sondumois, #home-sonsdumois {position: relative;}
#home-podcasts .owl-prev, #home-podcasts .owl-next,
#home-dernierssons .owl-prev, #home-dernierssons .owl-next,
#sondumois .owl-prev, #sondumois .owl-next,
#home-sonsdumois .owl-prev, #home-sonsdumois .owl-next{position: absolute; height: calc(100% - 20px); top:10px;
   bottom:0; width: 79px; font-size: 5rem; 
  }
  
#home-podcasts .owl-prev,
#home-dernierssons .owl-prev{left: 0; }
#home-podcasts .owl-next ,
#home-dernierssons .owl-next,
#home-sonsdumois .owl-next {right: 0; }


#home-sonsdumois .owl-prev img, #home-sonsdumois .owl-next img, #home-podcasts .owl-prev img, #home-podcasts .owl-next img {border-radius:50%; padding: 0.8rem 1.2rem; background-color: white;}

@media screen and (max-width: 705px) {
  .owl-next, .owl-prev {background: none !important;}
}

/*
#home-sonsdumois .owl-prev{left: 0; background: linear-gradient(-90deg, rgba(255,59,93,0) 0%, rgba(253, 123, 71,1) 100%);}

#home-sonsdumois .owl-next {right: 0; background: linear-gradient(90deg, rgba(255,59,93,0) 0%, rgba(253, 123, 71,1) 100%);}
*/

#sondumois .owl-next {right: -100px}

#sondumois .owl-prev{left: -100px}

@media screen and (max-width: 575px) {
  #home-podcasts .owl-prev, #home-podcasts .owl-next,
  #home-dernierssons .owl-prev, #home-dernierssons .owl-next,
  #sondumois .owl-prev, #sondumois .owl-next,
  #home-sonsdumois .owl-prev, #home-sonsdumois .owl-next{width: 50px; }
}

.owl-nav .disabled {display: none;}

#home-podcasts .owl-nav button span, #sonsdumois .owl-nav button span {display: none}

	.owl-stage {
		display: flex;
	}
	.owl-item {
		display: flex;
		flex: 1 0 auto;
	}

/* ///////////////////////////////////////// */
/* ////////// VIGNETTES //////////////////// */
/* ///////////////////////////////////////// */

.vignette{
 /* box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);*/
  position: relative;
  position: relative;
  box-shadow: none;
 /* border: solid 1px #ccc;*/
}

.resultatagenda.vignette{
  /* box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);*/

   border: solid 1px #ccc;
 }

.vignette:hover{
  /*background-color: #ffffff;*/
 /* box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);*/

}
.vignette-collec:hover{
  /*box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);*/
}
.vignette .resultatagendain h2 {font-size: 36px}
.vignette .resultatagendain .datearchiveatelier,.vignette .resultatagendain .catagenda {font-size: 1.4rem}
.vignette h2{
  font-size: 35px;
  /* min-height: 67px; */
}

.vignette:hover h2 {text-decoration: underline;}

#sonsdumois .vignette:hover{
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

.addsmall .icon-play svg {
	display: block;
  height: 19px;
  float: left;
  margin-top: 3px;
  margin-right: 10px;
  width: 15px;
  margin-left: 0;
}
.icon-play svg {
	display: block;
	height: 20px;
	float: right;
	margin-top: 5px;
	margin-left: 20px;
}

/* ///////////////////////////////////////// */
/* ////////// COLLECTIONS ////////////////// */
/* ///////////////////////////////////////// */
.collecs h1{
  text-transform: uppercase;
}

.vignette-collec{
  position: relative;
}


.collec-titre{
  min-height: 84px;
  text-align: center;
  line-height: 1;
  font-family: 'recta' !important;
}

.collec-description{
  text-align: center;
  line-height: 1.1
}

@media screen and (max-width: 575px) {
  h2.collec-titre {
    font-size: 1.8rem;
    line-height: 1;
  }
  .collec-description {display: none}
}

/* ///////////////////////////////////////// */
/* ////////// SINGLE COLLECTION //////////// */
/* ///////////////////////////////////////// */

.image-cover{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.collection-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 1;
  mix-blend-mode: screen;
}


.collection-header,
.collection-entete{
  position: relative;
}

.collection-sur-titre{
  font-size: 38px;
  font-family: 'rectaboldcondensed';
  text-transform: uppercase;
}

.collection-titre{
  max-width: 70%;
  font-size: 100px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 50px;
}

.collection-description{
  max-width: 75%;
  margin: auto;
}

.collection-content{
  padding-top: 3em;
}
/* ///////////////////////////////////////// */
/* ////////// PODCASTS ///////////////////// */
/* ///////////////////////////////////////// */
@media screen and (max-width: 575px) {
  .channel-owl.owl-carousel {display: block; padding: 0rem}
  .channel-owl.owl-carousel > article {margin-bottom: 2rem}
  #touteslesformationsfiltre {margin-bottom: 3rem !important}
}

.podcastshome { display: flex;
flex-direction: column;
flex: 1;}
.podcastshome .description {    align-self: flex-end;
    margin-top: auto;
    padding-top: 7rem;
    max-width: 100%;
    line-height: 1.3;
    font-size: 2.2rem;
}
.podcastmeta {padding-bottom: 1.5rem; padding-top: 6.5rem; text-align: center;}

.sharepodcasts .acsr-share,
.followpodcasts .acsr-platforms {
  display: flex;
  text-align: center;
  flex-direction: column;
  margin: 0;
  background-color: white;
  border-radius: 30px;
  padding: 0.9rem;
  border: none;
  box-shadow: 0px 0px 6px 0px rgb(0,0,0,0.2) !important;
}

.acsr-link img,
.sharepodcasts img,
.followpodcasts .acsr-platforms img{
  width: 35px;
  height: 35px;
}
.boutons-platforms img {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-right: 5px;
}
.sharepodcasts .acsr-share a {margin: 0 0 0.5rem 0}
.followpodcasts .acsr-platforms a {margin: 0 0 0.5rem 0}

.acsr-link .svg-hover {
  display: none;
}
#partage-partager .acsr-link .svg-hover,
.boutons-platforms .bouton-platform .svg-hover{
  display: inline-block;
}
#partage-partager .acsr-link .svg-init,
#partage-partager .acsr-link:hover .svg-hover,
.boutons-platforms .bouton-platform .svg-init,
.boutons-platforms .bouton-platform:hover .svg-hover{
  display: none;
}
#partage-partager .acsr-link:hover .svg-init,
.boutons-platforms .bouton-platform:hover .svg-init{
  display: inline-block;
}
#partage-partager .acsr-link,
.boutons-platforms .bouton-platform{
  margin-right: 5px;
  margin-bottom: 1em;
  display: inline-block;
  float: unset;
}
#partage-partager .acsr-link{
  max-height: 56px;
  line-height: 35px;
}
#partage-partager .acsr-link img{
  margin-left: 5px;
}
.platforms-link.platforms-rss img,
.platforms-link.platforms-plus img{
  width: 24px;
  height: unset;
}

@media screen and (max-width: 768px) {
  .sharepodcasts > div, .followpodcasts > div {justify-content: center !important;}
  .sharepodcasts .acsr-share, .followpodcasts .acsr-platforms {flex-direction: row;}
  .sharepodcasts .acsr-share a, .followpodcasts .acsr-platforms a {margin: 0 0.5rem 0 0}
  .sharepodcasts .acsr-share{
    margin-bottom: 0.5em;
  }
  .abonnement-rss {
  	margin-bottom: 0.5em;
  	margin-top: 1em;
  }

  .followpodcasts {order:1}
  .imgpodcats {order:0}
}

/* PRODUCTIONS THUMB */


#prodtoplarge {padding-bottom: 22rem}
.prodbottomlarge {margin-top: -22rem}

.image-productions {border-radius: 10px 10px 0 0; background-repeat: no-repeat;
background-position: center;
background-size: cover;}

.image-productions {
  width: 100%;
  padding-top: 100%;
  position: relative;
  background-color: #dfdfdf;
}

.image-productionsseize {

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
   width: 100%;
  padding-top: 60%;
  position: relative;
  background-color: #dfdfdf;}

  #prodtoplarge .nextprev .arrow--prev {
    position: absolute;
    left: 1rem;
  }

  #prodtoplarge .nextprev .arrow--next {
  	position: absolute;
  	right: 1rem;
  }

  #prodtoplarge .nextprev .arrow {
  	position: relative;
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	border: solid 2px #DADADA;
  	-webkit-border-radius: 50px;
  	border-radius: 50px;
  	width: 50px;
  	max-width: 50px;
  	height: 50px;
  	cursor: pointer;
  	-webkit-transition: all .3s ease-out;
  	transition: all .3s ease-out;
  	text-decoration: none;
  	background-color: #033A40;
	color: white;
}
@media screen and (max-width: 575px) {
      body:not(.home) .vignette > a {height: 100%}
      body:not(.home)  .image-productions {
          width: 50%;
          padding-top: 50%;
          float: left;
          border-radius: 10px 0 0 10px;
          height: 100%;
        }
      body:not(.home)   .productionsmeta {width: 50%; float: right;}
      body:not(.home)   .productionsbtn {padding-left: 0.5rem; padding-right: 0.5rem; bottom: 0.5rem}

      body:not(.home)   #home-sonsdumois .image-productions {width: 100%;padding-top: 100%; float: none;}
      body:not(.home)   #home-sonsdumois .productionsmeta {width: 100%; float: none;}
      body:not(.home)   #home-sonsdumois  .productionsbtn {padding-left: 2rem; padding-right: 2rem}
}

.productionsbtn {position: absolute; bottom: 2rem; left: 1rem}

@media screen and (max-width: 575px) {
  .productionsbtn {right: 0rem; padding: 0; left:0}

}

.productionsmeta {padding-bottom: 10rem !important}
.single-actualites .productionsmeta {padding-bottom: 1em !important}

.productionsmeta a {display: block;}

.productionsmeta .productionsauteurs {
/*	position: absolute;
	bottom: 2rem;*/
	font-size: 18px;
	padding-right: 1rem;
}

.single-actualites .productionsmeta .productionsauteurs {
	position: relative;
	bottom: unset;
	font-size: 18px;
	padding-right: 1rem;
}

.single-actualites .block-archive-prods {
	display: block;
	max-width: 50%;
	margin: auto;
	color: #111 !important;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-bottom: 2em;
}
.single-actualites article .wrapperpetit .block-archive-prods a{
  color: #111 !important;
}

.productionsauteurs span:after {content:' & '}
.productionsauteurs span:last-child:after {content:none}

.btnhometopin {  display: flex;
  align-items: center;
  justify-content: left;}

.btnhometop .dashicons {vertical-align: sub;}

.singleprodmeta { border-bottom: solid 1px black}
.singleprod #accordionExample a  {border-bottom: dotted 1px black}

#prodtoplarge {position: relative;}
#prodtoplarge .nextprev{
position: absolute;
top: 50%;
left: 30px;
right: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 10}


#prodtoplarge .nextprev .arrow {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 50px;
    max-width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-decoration: none;
    background-color: #033A40;
    color: white
  }
  #prodtoplarge .nextprev .arrow--prev {
      position: absolute;
      left: 1rem;
  }

  #prodtoplarge .nextprev .arrow--next {
      position: absolute;
      right: 1rem;
  }
.u-screen-reader-text {
    position: absolute !important;
    display: block;
    visibility: visible;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0,0,0,0);
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
    clip-path: polygon(0 0,0 0,0 0,0 0);
}
#prodtoplarge .nextprev .arrow .arrow__img-container {
    position: absolute;
    top: -2px;
    bottom: 0;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

}
#prodtoplarge .nextprev .arrow--next .arrow__img-container {
    right: -4px;
}
#prodtoplarge .nextprev .arrow--prev .arrow__img-container {
    left: -3px;
}
#prodtoplarge .nextprev .arrow--next .arrow__content {
    margin: -2px 20px 0 5px;
}
#prodtoplarge .nextprev .arrow--prev .arrow__content {
    margin: -2px 5px 0 20px;
}
#prodtoplarge .nextprev  .arrow__content {
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
        transition-delay: 0s;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    overflow: hidden;
     text-overflow: ellipsis;
}

#prodtoplarge .nextprev .arrow:hover {
    width: auto;
    max-width: 350px;
    background-color: #033A40;
    color: white;
    z-index: 99
}
#prodtoplarge .nextprev .arrow:hover .arrow__content {
    opacity: 1;
    visibility: visible;

}

#prodtoplarge .nextprev .arrow .content__title {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 1;
    overflow: hidden;
     text-overflow: ellipsis;
}
#prodtoplarge .nextprev .arrow .content__episode {
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

#prodtoplarge .nextprev .addsmall:hover .arrow__img-container svg path {
    fill: transparent;
}
@media screen and (max-width: 1390px) {
#prodtoplarge .nextprev{
  left: 4px;
right: 6px;
}
}
@media screen and (max-width: 575px) {
  #prodtoplarge .nextprev{display: none !important}
}

/* ARCHIVES PRODUCTIONS */
.searchAgandaOutLien {display: none}
.searchAgandaIn {display: block ;}


.formtouslessons {height: 100vh; top: 8rem}
@media screen and (max-width: 960px) {
  .formtouslessons {height: auto;}
  .searchAgandaIn {display: none ;}
  .searchAgandaOutLien {cursor: pointer;
    display: block;
    margin: 1rem;
    background-color: white;
    padding: 2rem;}
}

.searchAgandaOut > div > span::after {
    content: "›";
    font-size: calc(18px + 0.208vw);
    margin-left: 9px;
    position: relative;
    top: calc(3px + 0.0521vw);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: auto;
    line-height: 1;
    transition: all 0.7s ease-in-out;
    display: inline-block;
}


#search-filter-form-180 {background-color: white;
  padding: 0;
  padding: 1rem;
 /* box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2)*/;
}
#search-filter-form-180 > ul {display: flex;flex-wrap:wrap; padding: 0}
#search-filter-form-180 > ul > li, #search-filter-form-180 > ul > li label, .searchandfilter select.sf-input-select, .searchandfilter .sf-input-text
{width: 100%;
font-size: 1.85rem;
}
#search-filter-form-180 .sf-input-text {padding-left: 5px}
#search-filter-form-180 .sf-input-text,
#search-filter-form-180 select.sf-input-select
{background-color: transparent;
border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
border-bottom: solid 1px rgba(242,242,242,1);
-webkit-appearance:none;
-moz-appearance:none;
border-radius: 0 !important;
color: #063C42}

#search-filter-form-180 select.sf-input-select {padding-left: 5px; position: relative; z-index: 9;cursor: pointer;}
#search-filter-form-180 .sf-field-taxonomy-thematique label,
#search-filter-form-180 .ssf-field-taxonomy-genre,
#search-filter-form-180 .sf-field-taxonomy-formats,
#search-filter-form-180 .sf-field-taxonomy-duree,
#search-filter-form-180 .sf-field-post-meta-age_conseille,
#search-filter-form-180 .sf-field-sort_order {position: relative;}
#search-filter-form-180 .sf-field-taxonomy-thematique label:after,
#search-filter-form-180 .sf-field-taxonomy-genre label:after,
#search-filter-form-180 .sf-field-taxonomy-formats label:after,
#search-filter-form-180 .sf-field-taxonomy-duree label:after,
#search-filter-form-180 .sf-field-post-meta-age_conseille:after,
#search-filter-form-180 .sf-field-sort_order:after {position: absolute;
  right: 1rem;
  content: '';
  background-image: url('../img/svg/Header/FLECHE_MENU.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 15px;
  height: 15px;}
  #search-filter-form-180 .sf-field-taxonomy-genre label:after {right: 5rem;}
#search-filter-form-180 option {padding-left: 0}

#search-filter-form-180 > ul > li.sf-field-submit, #search-filter-form-180 > ul > li.sf-field-reset {width:100%}
#search-filter-form-180 > ul > li.sf-field-submit input, #search-filter-form-180 > ul > li.sf-field-reset input
{width: 100%;
background-color: #033a40;
border-radius: 0;
padding: 1rem;
color: white;
border: solid 1px #033a40;}

#search-filter-form-180 > ul > li.sf-field-submit input:hover, #search-filter-form-180 > ul > li.sf-field-reset input:hover
{
background-color:white ;

color:#063C42 ;
}

#search-filter-form-180 .sf-field-post_type {padding: 0}
#search-filter-form-180 .sf-field-post_type ul {display: flex; flex-direction: column; padding: 0}
#search-filter-form-180 .sf-input-radio {display: none}
#search-filter-form-180 .sf-label-radio {cursor:pointer; border-bottom: solid 1px rgba(242,242,242,1); padding-left: 5px}

#search-filter-form-180 .sf-option-active {color:#FF8B5D}
#search-filter-form-180 ul li li {
    padding: 10px 0;
}

#search-filter-form-180 li[data-sf-field-input-type="checkbox"] label, .searchandfilter li[data-sf-field-input-type="radio"] label, .searchandfilter li[data-sf-field-input-type="range-radio"] label, .searchandfilter li[data-sf-field-input-type="range-checkbox"] label{
  padding-left: 5px
}
#search-filter-form-180 ul li {margin-right: 0}
#search-filter-form-180 > ul > li.sf-field-submit {margin-right: 1rem}

#search-filter-form-180 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #063C42;
  opacity: 1; /* Firefox */
}

#search-filter-form-180 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #063C42
}

#search-filter-form-180 ::-ms-input-placeholder { /* Microsoft Edge */
  color: #063C42
}


@media screen and (max-width: 1200px) {
  #search-filter-form-180{padding: 0 2rem;}

}
@media screen and (max-width: 768px) {
    #search-filter-form-180{height: auto;}
}
@media screen and (max-width: 575px) {
  #search-filter-results-180 > div {margin-left: 0 !important}
}
/* AGENDA */

#search-filter-form-11104 .sf-input-radio {display: none}
#search-filter-form-11104 .sf-label-radio {cursor:pointer; padding-left: 5px; text-transform: uppercase;}
#search-filter-form-11104  ul {padding: 0; display:flex;}
#search-filter-form-11104 > ul > li {width: 100%}
#search-filter-form-11104 > ul > li > ul {text-align: center;}
#search-filter-form-11104 > ul > li > ul > li  {height: 100%;
display: flex;
align-items: center;
font-family: 'recta';
font-size: 1.7rem;
flex-grow: 1;
justify-content: center;}
#search-filter-form-11104 .sf-option-active {color:#FD7B48}


@media screen and (max-width: 575px) {
  #search-filter-form-11104 > ul > li > ul > li  {height: 100%;
  font-size: 1.2rem;
  flex-grow: 1;
  }
  #search-filter-form-11104 ul li {margin-right: 0.3rem}
}

.resultatagenda { padding: 2rem 0; }

.resultatagenda h2 {text-align:left;line-height: 1;}

#resultatsagenda {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "leftbig righttop"
    "leftbig rightbottom"
    "lefttop rightbig"
    "leftbottom rightbig"
    "leftbbig rightbtop"
    "leftbbig rightbbottom"
    "leftbtop rightbbig"
    "leftbbottom rightbbig";
}
#resultatsagenda > div {display: flex;align-items: center; justify-content: center; margin:1rem}
#resultatsagenda > div:first-child { grid-area: leftbig; position: relative;}
#resultatsagenda > div:first-child::after {content: '';  height: 100%; position: absolute; right:-2.3rem}
#resultatsagenda > div:nth-child(2) { grid-area: righttop; }
#resultatsagenda > div:nth-child(3) { grid-area: rightbottom; }
#resultatsagenda > div:nth-child(4) { grid-area: lefttop; }
#resultatsagenda > div:nth-child(5) { grid-area: leftbottom; }
#resultatsagenda > div:nth-child(6) { grid-area: rightbig;position: relative; }
#resultatsagenda > div:nth-child(6)::after {content: '';  height: 100%; position: absolute; left:-2.1rem}

#resultatsagenda > div:nth-child(7) { grid-area: leftbbig; position: relative;}
#resultatsagenda > div:nth-child(7)::after {content: '';  height: 100%; position: absolute; right:-2.3rem}
#resultatsagenda > div:nth-child(8) { grid-area: rightbtop; }
#resultatsagenda > div:nth-child(9) { grid-area: rightbbottom; }
#resultatsagenda > div:nth-child(10) { grid-area: leftbtop; }
#resultatsagenda > div:nth-child(11) { grid-area: leftbbottom; border-bottom: none}
#resultatsagenda > div:nth-child(12) { grid-area: rightbbig;border-bottom: none;position: relative;  }
#resultatsagenda > div:nth-child(12)::after {content: '';  height: 100%; position: absolute; left:-2.1rem}

@media screen and (max-width: 800px) {
  #resultatsagenda {
    display: block;}
  #resultatsagenda > div::after {content: none}
}



/* PRODUCTIONS */
@media screen and (max-width: 575px) {
  .genresingle {font-size: 1.6rem}
}

.auteurspord {padding: 0; list-style: none;}
.auteurspord li a:after {content:' & '}
.auteurspord li a:last-child:after {content:none}

.singleprod #contenu  {}

#accordionExample .card {border:none;
border-bottom: solid 2px #FD7B48;}
.card-header {background-color: transparent;
  border:none;
margin-bottom: 0 !important;}
.card-header .btn {font-size: 2.2rem; color: inherit; padding-left: 0; position: relative;font-weight: normal;}


.card-header .btn.collapsed:after {content:url('../img/svg/Header/FLECHE_MENU_rose.svg'); position: absolute;right: 0}
.card-header .btn:after {content:url('../img/svg/Header/FLECHE ACTIVE.svg'); position: absolute;right: 0}

.card-body {padding: 1rem 0rem}


.cardapropos {border:none; border-bottom:solid 2px #00515F !important} 
.cardapropos .btn h2.accordeontitle {position: relative; line-height: 1;}

.cardapropos .btn h2.accordeontitle:after {
  position: absolute;
  right: 1rem;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: 0.255em;
  content: '';
  background-image: url('../img/svg/Header/FLECHE_MENU.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(180deg);
  top: 2.5rem;
}

.cardapropos .btn.collapsed h2.accordeontitle:after {
  position: absolute;
  right: 1rem;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: 0.255em;
  content: '';
  background-image: url('../img/svg/Header/FLECHE_MENU.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(0);
  top: 2.5rem;
}



/*.auteurspord li.borderbottomorange:last-child {border-bottom: none !important}*/

.multiple span:after{content: ' - '}
.multiple span:last-child:after{content: none}


#imagesofficielles  .owl-prev, #imagesofficielles  .owl-next,
#autresimages  .owl-prev, #autresimages  .owl-next {
  position: absolute;
  top: 10%;
  background-color: transparent;
  border:none
}

#imagesofficielles .owl-prev,
#autresimages .owl-prev {
  left: -0px;
}
#imagesofficielles .owl-next,
#autresimages .owl-next {
  left: calc(100% - 35px);
}
#imagesofficielles .owl-prev img, #imagesofficielles .owl-next img,
#autresimages .owl-prev img, #autresimages .owl-next img  {
  width: 11px;
  height: 20px;
  max-width: initial;
}

/* ARTISTES */

.single-artistes article #contact  a.color-orange .fas {font-size: 1.5rem;
margin-left: 0.2rem;}


/* MOBILE */

@media screen and (max-width: 410px) {
  #listresultat .productionsauteurs,
  #listresultat .add-playlist {display: none}
  #listresultat .vignette h2 {
      font-size: 22px;
      line-height: 1
    }
  #listresultat .genre {font-size: 13px;}
  .addplay, .addplaylist {
        transform: scale(0.7);
    }
  #listresultat .productionsmeta {padding-bottom: 3rem !important}
  .addsmall {
      padding: 0.5rem 1.4rem;
  }
}




/* POP UP */


.email-popup-con {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0,0,0,0.3);
     z-index: 999;
}

.blocker {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ' ';
  }

.email-popup-inner-con {
     width: 750px;
     max-width: 75%;
     background-color: #fff;
     position: absolute;
     top: 0;
     left: 50%;
     transform: translate(-50%, 0);
     height: 100vh;
     overflow: auto;
}
.email-popup-inner-con-rel {position: relative;width: 100%; height: 100%}

#email-popup-inner-flex {height: 100%; width: 100%;  }

.message-overlay-con {
     top: 2rem;
     right: 2rem;
     transform: translateY(-50%);
     padding: 0 25px;
     text-align: right;
     z-index: 1;
}

.message-overlay-con .nothanks {
     display: inline-block;
     color: black;
     text-transform: uppercase;
     margin-top: 5px;
     font-weight: 600;
     cursor:pointer
}
.message-overlay-con .nothanks:hover {
     color: #ccc;
     cursor: pointer;
}

@media screen and (max-width: 750px) {
.email-popup-inner-con {padding: 0 !important; max-width: 85%;}
.email-popup-inner-con-rel {padding: 2rem !important}
}


/* LISTE OEUVRES PRIMEES */

.listeprixauteurs span:after {content: ' & '}
.listeprixauteurs span:last-child:after {content: none}


/* A PROPOS */
#accordionApropos .card-header .btn::after {content:none}
#accordionApropos .btn-link:hover, #accordionApropos .btn-link:focus {text-decoration: none;}



#svg-play-fill, #svg-pause-fill, #svg-play, #svg-pause {display: none}




/* RECHERCHE */
.fondrecherche {background-color: #585bfa; color:white}

.fondrecherche .sf-input-text {background-color: white;
border: solid 1px white;
border-radius: 36px;
padding: 1rem 2rem;
font-size: 3rem;
color: #585bfa;
text-align:center}

.fondrecherche [type="submit"] {background-color: white;
  border: solid 1px white;
  border-radius: 36px;
  padding: 1rem 3rem;
  font-size: 3rem;
  color: #585bfa;
  background-image: url('img/Louperecherche.svg');
  background-repeat: no-repeat;
  background-position: center;}
.fondrecherche [type="submit"]:hover {background-color:#585bfa ; color: white;background-image: url('img/Louperechercheblanc.svg');}

.fondrecherche a {color: white}
.motsclerecherche {border: solid 1px white;
padding: 0.5rem 1rem;
display: inline-block;
margin-right: 0.5rem;
border-radius: 20px;
margin-bottom: 1rem}
.fondrecherche hr{border-top: solid 2px #D9E6FF}
.motsclerecherche:hover {color: #585bfa; background-color: white}
.motsclerecherche:hover a{color: #585bfa;}
.motsclerecherche a {display: inline-block;width: 100%; height: 100%}

#search-filter-form-16170 {margin: 0 auto;}
#search-filter-form-16170 ul  {padding: 0}

/*
.listfiltre > span:first-child:after{content:', '}
.listfiltre > span:last-child:after{content:none}
*/

.listfiltre {color: #FD7B48;}
.listfiltre .search-filter-reset {background-color: transparent;border:none; color:#B7B7B7; text-decoration: none;}
.listfiltre .search-filter-reset:hover {color:#FD7B48}

.listfiltrecat > span:after{content:', '}
.listfiltrecat > span:last-child:after{content:none}


.thematiquelistehome > div {padding: 0.5rem;}
.thematiquelistehome > div a { border-radius: 10px; font-size: 2.5rem;  padding: 4rem 1rem 1rem; background-color: red;
display: block; text-align: left;}
.thematiquelistehome > div a:hover {text-decoration: underline;}
.thematiquelistehome > div:first-child a {background-color: #5460FF; color: white;}
.thematiquelistehome > div:nth-child(2) a {background-color: #FF8C59;}
.thematiquelistehome > div:nth-child(3) a {background-color: #00515F;color: white;}
.thematiquelistehome > div:nth-child(4) a {background-color: #D9D9D9;}
.thematiquelistehome > div:nth-child(5) a {background-color: #D3E7FF;}
.thematiquelistehome > div:nth-child(6) a {background-color: #FFC6B2;}


.deuxblocshomelinklist {padding-bottom: 2rem;}
.deuxblocshomelinklist a {border-bottom: solid 2px #00515F;
  padding: 1rem 0rem;
  display: block;
font-size: 2.5rem;
font-family: 'rectaboldcondensed'; position: relative;
padding-right: 4rem;}

.deuxblocshomelinklist a:after{position: absolute;
  display: inline-block;
  width: 9px;
  height: 9px;
  content: '';

  background-image: url('../img/svg/Header/FLECHE_MENU.svg');
  background-repeat: no-repeat;
  background-size: 54%;
  background-position: 50% 38%;
  right: 1rem;
  transform: rotate(-90deg);
  top: 2rem;
  border: solid 1px black;
  border-radius: 50%;
  padding: 1rem;}


.deuxblocshomenews {display: flex; flex-direction: column;}
.deuxblocshomenewsform {margin-top: auto;}



.search-filter-results > .row, .collecs > div > .wrapper, #listresultat{  content-visibility: auto;
  contain-intrinsic-size: 200px; /* Important optimization, explained below */}


  @keyframes appear {
    from {
      opacity: 0.2;
    }
    to {
      opacity: 1;
    }
  }
  
  #listresultat .actualitesune, .search-filter-results > .row .actualitesune {
    animation: appear linear;
    animation-timeline: view();
    animation-range: entry 10% cover 30%;
  }
  







  #boxsearch{display: block;align-items: center;
    justify-content: center; border-bottom:solid 3px #FFA380;
  position: absolute;width: 100%; background-color: white; z-index: 99; top:-1000px;   transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition:all .4s;
  -o-transition: all .4s;}
  #boxsearch.open {top: auto;   transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition:all .4s;
    -o-transition: all .4s;}