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

}

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

}

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

}

div#ui-datepicker-div { z-index:1000!important; }
body {background-color: white; color:#063C42}
h1, h2, h3,   .h1, h4 {font-family: 'rectaboldcondensed' !important; font-weight: normal; letter-spacing: -0.1rem}
h1, .h1 {
    font-size: calc(33px + 1.90vw)  !important;
    line-height: 1.1 !important
}
.h4, h4 {
    font-size: 2.5rem;
}
strong {font-family: 'rectabold' !important;}
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 #siteradiola a {display: inline-flex; height: 40px}
.header #siteradiola svg {width: 100%; height:auto;}
#radiolacallogo svg{width: 20%; height: auto;}

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


.h1big {font-size: 6rem;font-family:'rectaboldcondensed'}
.h1medium {font-size: calc(30px + 1vw) !important;font-family:'rectaboldcondensed'; line-height: 1.1}
.h1mediumactu {font-size: 4rem;font-family:'rectaboldcondensed'}
@media screen and (max-width: 700px) {
  .h1mediumactu {font-size: 3rem;}
  .h3.datearchiveatelier {font-size: 1.75rem}
}
.h1small {font-size: 2.2rem !important;font-family:'rectaboldcondensed'}
.h2big {font-size: 2.5rem;font-family:'rectaboldcondensed'}
.colorwhite {color: white}
.w-100 {width: 100%}
.h-100 {height: 100%}

#email-popup-inner-flex a,
#infoformation a,
.single-actualites article .wrapperpetit .pt-5 a {color:#FFA380 !important}

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

.bckwhite{background-color: white}
.bckgris{background-color: #F2F2F2}
.bckblue {background-color: #063C42;}
.bckgrose {background-color: #FFA380}
.bckgrosedegrade {background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,163,128,1) 100%);}
.bckgrosedegradeinverse {background: rgb(0,0,0);
background: linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(255,163,128,1) 100%);}
.bckgbleurosedegrade{background: rgb(6,60,66);
background: linear-gradient(0deg, rgba(6,60,66,1) 0%, rgba(255,163,128,1) 100%);}

.borderblue {border: solid 3px #063C42}

.border-bottom-none {border-bottom:none}

.bckbluecolorrose , .bckbluecolorrose p {font-family: 'recta';
color: #FFA380;
font-size: 2.5rem;}

.btnrose {display: block !important;
padding: 2rem calc(15px + 5vw) 3rem calc(15px + 5vw);
line-height: 1;
white-space: nowrap;
font-size: 2rem;
max-width: 95vw;
overflow: hidden;
text-overflow: ellipsis;
font-family: 'remind_sansbold';color: #063C42;
background: rgb(0,0,0);
background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(255,163,128,1) 100%);
border-radius: 50px;border-bottom: none !important;
text-align: center; display: block;
letter-spacing: -1px;
font-weight: bold;}
.btnrose:hover {color: #F2F2F2; border-bottom: none}

.lienblan a {color: white}


.bckblue hr {border-top: 2px solid #FFA380;
margin: 2.5rem 0 !important;}
.bckgris hr {border-top: 2px solid #FFA380;
margin: 2.5rem 0 !important;}

.bckgris.historiqueblue hr {border-top: 2px solid #063C42;
margin: 2.5rem 0 !important;}

.sous-titre {
text-transform: uppercase;
margin: 0 auto;
font-family: 'remind_sansbold';
}


hr.pagehr {border-top: 3px solid #FFA380 !important;
margin: 6rem 0 6rem !important;}

#cookie-notice {display: none}

@media screen and (max-width: 570px) {
  hr.pagehr {border-top: 3px solid #FFA380 !important;
  margin: 3rem 0 3rem !important;}
  .petitpadding > div {padding: 0 !important}
  .petitpadding > div > h1  {padding: 0 1rem 2rem 1rem !important}

  #actuune {padding: 0 !important}
}

.bold, .bold p {font-family:'rectaboldcondensed' !important;}
.semibold, .semibold p {font-family: 'recta' !important; font-weight: normal;}
.souligne {text-decoration: underline;}

.titresouligne {border-bottom: solid 3px black;
display: table;
margin: 0 auto;
margin-bottom: 5rem;
font-size: 3rem;
    font-family: 'rectabold';}
.titresouligne h4 {font-size: 3rem}
@media screen and (max-width: 570px) {
.titresouligne , .titresouligne h4 {font-size: 2.3rem}
}

textarea {
        overflow: auto;
        max-width: 100%;
    }

.acsr-link {
        margin-right: 11px;
        margin-left: 5px;
        float: left;
    }
.btnradiola {text-align: center;}



.btnradiola a {display: block !important; padding: 2rem calc(15px + 5vw) 3rem calc(15px + 5vw);
  line-height: 1;white-space: nowrap;font-size: calc(14px + 1.3vw); max-width: 95vw; overflow: hidden;
    text-overflow: ellipsis;
  font-family:'rectaboldcondensed'}


.btnradiola a {color: white;
border-radius: 1000px;
     background: linear-gradient(
-90deg, rgba(255,163,128,1) 0%, rgba(3,58,64,1) 80%);
position: relative;
}
.btnradiola: a:hover {     background: linear-gradient(
-90deg, rgba(3,58,64,1) 0%, rgba(255,163,128,1) 80%);}



.btnradiola a:after {position: absolute;
  left:  calc(100% - 45px);
  top:0;
  content:' ';
/*  background:
        -moz-radial-gradient(100% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
        -moz-radial-gradient(0 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
    background:
         -o-radial-gradient(100% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
         -o-radial-gradient(0 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
    background:
    -webkit-radial-gradient(100% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
     -webkit-radial-gradient(0 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);*/
     height: 101%;
     width: 95px
   }

   .btnradiola a:before {position: absolute;
     left:  -7px;
     top:0;
     content:' ';
  /*   background:
           -moz-radial-gradient(0% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
           -moz-radial-gradient(0% 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
       background:
            -o-radial-gradient(0% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
            -o-radial-gradient(0% 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
       background:
-webkit-radial-gradient(0% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
-webkit-radial-gradient(0% 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);*/
        height: 101%;
width: 52px;
transform: rotate(180deg);
      }

.btnradiola a:hover {
          background: linear-gradient( -90deg, rgba(3,58,64,1) 0%, rgba(255,163,128,1) 80%);
}

.single #main article a,  .page #main .wrapperpetit a {border-bottom: dotted 1px}

.page #main .wrapperpetit .btnradiola a {border-bottom: none !important}

.bottomrose {border-bottom: solid 3px #FFA380; padding-bottom:3rem; height: 100%}

.wrapperpetit {max-width: 800px; margin: 0 auto;position: relative;}

.addtoany a {border: none !important}

#infoformation img, .wrapperpetit img {height:auto !important;}
#infoformation {word-break: break-word;}


.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 3px 5px;
    margin: 2px;
    font-family: 'remind_sanssemibold';
    font-size: 2.5rem
}

.wp-pagenavi .pages {display: none;}
.wp-pagenavi {margin-bottom: 2rem; margin: 4rem auto;}
.wp-pagenavi span.current, .wp-pagenavi a:hover {
  text-decoration: underline;
}

#copyfooterdiv > span:after {content :' / '}
#copyfooterdiv > span:last-child:after {content :none}
@media screen and (max-width: 570px) {
  #copyfooter {display: block; margin-bottom: 1rem}
  #copyfooterdiv > span:first-child:after {content :none}
}


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

.footer-sociaux {padding-left: 0 !important}


#header-menu {background-color: white; border-bottom: solid 3px #FFA380;z-index: 99}
#header-menu > .wrapper {display: flex; position: relative;}
#header-menu .logo {width: 10%; padding: 0.75rem 0;  display: flex;
  align-items: center;}
#header-menu .logo img{width: 50px; height: auto;}
#header-menu.sticky .logo {width: 10%; display: block;}
#header-menu nav.nav {width: 90%; }
#header-menu.sticky nav.nav {width: 90%}

#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.9rem;}


#header-menu nav.nav > ul > li.menu-item-has-children:after {display: inline-block;
width: 0;
height: 0;
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;}

#header-menu nav.nav > ul > li .sub-menu a {font-size: 2rem; line-height: 1;}
#header-menu nav.nav > ul > li .sub-menu a:hover {background-color: #efefef}

.current-menu-item a {color: #FFA380}

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

.sidemenu ul.sub-menu {padding-left: 1rem}
.sidemenu {background-color: #FFA380; color:white}
.sidemenu section a, .sidemenu .close_sidemenu { color:white}

.sidemenu #menu-main-acsr-1 > li > ul.sub-menu li a  {
  color: #063C42;
  width: 100%;
  display: block;
}
.sidemenu #menu-main-acsr-1 > li > ul.sub-menu li a:hover {
  color: #fff;
}

.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) {
  #header-menu nav.nav > ul {display: none}
  .open_sidemenu:not(.sideb) {display: inline-block; padding-top: 0.7rem; position: absolute;right: 1rem}
  #searchmobile {display: block; padding-top: 0.7rem; right: 42px}
  .menu-item-9865 {display: none !important;}
  .dashicons-menu-alt::before {
    font-size: 3rem;

}
}

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

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

padding:0;
z-index: 1;
width: 100%; left: 0;
top:100%;
border-top:solid 4px #FFA380;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
list-style: none;

}
#header-menu nav.nav .sub-menu > li {width: 100%; border-bottom: solid 1px black; padding: 0}

#header-menu nav.nav .sub-menu > li a {padding: 1.3rem; width: 100%; height: 100%}

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

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

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

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








.titregauchecontenudroite > div {border-top: solid 2px #FFA380}
.titregauchecontenudroite > div:first-child {border-top: none}
.titregauchecontenudroite  .recherchefinancementblue {border:none}

@media screen and (max-width: 800px) {
.titregauchecontenudroitein > div {padding: 0 !important}
.titregauchecontenudroitein > div > div {padding: 0; margin-right: 0 !important; margin-bottom: 2rem}
}


.titregauchecontenudroite > div:first-child div.souligne{border: none; }
.historiqueblue.titregauchecontenudroite > div {border-top: solid 3px #063C42}
.historiqueblue.titregauchecontenudroite > div:first-child {border-top: none; padding-top: 0 !important}



@media screen and (max-width: 800px) {
.titregauchecontenudroitein.p-5 {padding: 0 !important}
.titregauchecontenudroitein.p-5 div:first-child{margin-bottom: 2rem !important; margin-top: 2rem !important}
}

#actuune #actuuneleftin > div a {font-size: 5rem;  }
@media screen and (max-width: 570px) {
  #actuune #actuuneleftin > div {padding: 0 2rem !important; margin: 0 !important}
  #annuaireune > div {padding-top: 0 !important}

}
#annuaireune .colorwhite div {text-transform: uppercase;}

#annuaireune a img, #artisteheaderimg img {filter: sepia(93%) hue-rotate(334deg) saturate(85%) contrast(90%);
-webkit-filter: sepia(93%) hue-rotate(334deg) saturate(85%) contrast(90%);
-moz-filter: sepia(93%) hue-rotate(334deg) saturate(85%) contrast(90%);}

#annuaireune a:hover img {filter: none;-webkit-filter:none;-moz-filter: none}

.page-id-3661 .titregauchecontenudroite > div:first-child div.souligne{ background-image: url('imgs/Element_graphique_Accompagnement_Accueil.svg'); background-repeat: no-repeat;
background-size: 50%;
background-position: center 64%;}

.page-id-3655 .titregauchecontenudroite > div:first-child div.souligne{ background-image: url('imgs/Element_graphique_Accompagnement_Elaboration.svg'); background-repeat: no-repeat;
background-size: 20%;
background-position: center 70%;}


  #actuune > div  {min-height: 40vh;}
  @media screen and (max-width: 570px) {
    #actuune > div  {min-height: 33vh;}
  }
#actuuneleft {color: white}
#actuuneright {background-repeat: no-repeat;background-size: cover;}

#dateenunes a {font-size: 3.5rem}
#datesagendahome p{margin: 0}
#catagendahome {text-transform: uppercase;}

#dateenunes .wrapper  {
}

#actuendeuxs {color:white}
#actuendeuxstitre{font-size: 4rem; line-height: 1.1}

#threeune {}
#threeune > div { padding: 1rem}

/*
#sondumois  {position: relative;}
.sondumoiscal > div {position: absolute;top: 120px}
.sondumoiscal {text-decoration: underline; font-size: 2.5rem}
.sondumoistitre{font-size: 5rem; line-height: 1.2}

@media screen and (max-width: 780px) {
  .sondumoiscal > div {position: relative;top: 0px; width: 100%; max-width: 100%}
}
*/

@media screen and (max-width: 570px) {
  .sondumoisleft .sondumoisleft {margin-bottom: 0 !important; padding-bottom: 0 !important}
}

.sondumoissllide {margin: 0 auto;}
@media screen and (max-width: 570px) {
.sondumoissllide, .sondumoisleft {padding: 0 !important}
.sondumoisright {padding: 1rem !important}
.owl-carousel.wrapper{margin-top: 0 !important}
}

button.owl-dot {border:none}
.owl-dots {text-align:center;}
.owl-dots span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-dot.active span {background: none repeat scroll 0 0 #000000;}
.owl-carousel .owl-item img {max-width: 400px !important; margin: 0 auto;}


#sondumois .owl-next {

    right: 0;

}
#sondumois .owl-prev, #sondumois .owl-next {

    position: absolute;
    top: 50%;

}

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

#actualiteune{  justify-content:center;
}

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


.actualitesunein {height: 100%}

@media screen and (max-width: 570px) {
  #dateenunes, #dateenunes > div {padding: 2rem 0 !important}
   #dateenunes > div {position: relative;}
   #dateenunes > div.wrapper div.pt-2 {position: absolute; height: 100%}
   #dateenunes > div.wrapper div.pt-2 img {height: 100%}
 }

@media screen and (max-width: 560px) {
  .actualitesune.pr-4 {padding-right: 0 !important}
}

#boxsearch{display: none;align-items: center;
  justify-content: center; border-bottom:solid 3px #FFA380;
position: absolute;width: 100%; background-color: white; z-index: 99}
#search-filter-form-9859 .sf-input-text, #search-filter-form-9790 .sf-input-text
 {border:none; border-bottom:solid 2px #063C42; border-radius:0; margin-right: 2rem;
 padding: 0.3rem 1rem; font-size: 3rem}
@media screen and (max-width: 560px) {
  #search-filter-form-9859 .sf-input-text, #search-filter-form-9790 .sf-input-text
   {font-size: 2rem}

}
.search-filter-reset, .sf-field-submit input { background-color: #FFA380; border:solid 1px #063C42;
  color:#063C42;font-family: 'remind_sanssemibold';padding: 0.2rem 1rem; }
.sf-field-submit input:hover { background-color: #063C42; border:solid 1px #FFA380;
    color:#FFA380;}

.sf-field-reset {width: 90%}

.search-filter-reset{color: white;
background: rgb(0,0,0);
border-radius: 1000px;
background: linear-gradient( -90deg, rgba(255,163,128,1) 0%, rgba(3,58,64,1) 80%);
position: relative;
padding: 1rem 2rem;position: relative;
display: none;
margin: 0 auto;}
.search-filter-reset.filtreactif {display: block;}

.search-filter-reset::before {
    position: absolute;
    left: -7px;
    top: 0;
    content: ' ';
    background: -moz-radial-gradient(0% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px), -moz-radial-gradient(0% 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
    background: -o-radial-gradient(0% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px), -o-radial-gradient(0% 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
    background: -webkit-radial-gradient(0% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px), -webkit-radial-gradient(0% 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
    height: 101%;
    width: 52px;
    transform: rotate(180deg);
  }

  .search-filter-reset::after {
    position: absolute;
left: calc(100% - 45px);
top: 0;
content: ' ';
background: -moz-radial-gradient(100% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px), -moz-radial-gradient(0 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
background: -o-radial-gradient(100% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px), -o-radial-gradient(0 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
background: -webkit-radial-gradient(100% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px), -webkit-radial-gradient(0 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
height: 101%;
width: 95px;
    }


.searchandfilter select.sf-input-select {border: none;
background-color: transparent;
color: white;
text-transform: uppercase;
font-weight: lighter;
margin: 0 1rem;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
cursor: pointer;}

@media screen and (max-width: 560px) {
.searchandfilter label{font-size: 1.5rem}
}

#newsletter {border-top:solid 3px #063C42}
#newslettertexte form label{text-transform: uppercase; font-weight: lighter;font-size: 1.5rem; max-width: 100%}

.wpcf7-form input {background-color: transparent; border:none; border-bottom: solid 1px #063C42; max-width: 100%}
.wpcf7-form input.wpcf7-submit {border:solid 1px #063C42; border-radius: 20px;
padding: 1rem 3rem;
margin-top: 2rem;}
.wpcf7-form input.wpcf7-submit:hover{background-color: #063C42; color:#FFA380}



.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-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 #063C42;
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-acceptance .wpcf7-list-item-label {margin-left: 10px; display: block;}

.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 {border: none;
border-bottom:solid 1px #000000 !important;
padding: 0.5rem !important; text-align: left !important;
max-width: 100% !important;
background-color: transparent !important;
font-size: 2rem !important}

#newslettertexte .wpcf7-submit, #newslettertexte .tnp-field-button .tnp-submit, .newsletter .page.type-page a:not(.post-edit-link) {background-color:transparent; width: auto; color:#063C42; border:solid 1px #063C42; border-radius: 30px; padding: 1rem 4rem}
#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%}

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

#newslettertexte ::placeholder {font-size: 2rem}

#newslettertexte a {color: inherit; text-decoration: underline;}

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


#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);
}



.searchandfilter ul {padding: 0; list-style: none;}
.searchandfilter ul li {display: inline-block;}

.searchandfilter input[type="text"],.searchandfilter input[type="text"]::placeholder {color:rgb(6, 60, 66)}

.sf-field-search , .sf-field-search label, .sf-field-search label input{max-width: 100%}

.sf-input-radio {display: none;}
.sf-label-radio {text-transform: uppercase; cursor :pointer}

.sf-option-active .sf-label-radio {color:#FFA380}

.sf-item-0 .sf-label-radio {padding: 0 !important}

#touteslesformations .lieuxarchiveatelier img{height: auto}

@media screen and (max-width: 575px) {
 #touteslesformationsmaster > .row div:nth-child(2){display: none}

#touteslesformations > .row div .datearchiveatelier p {text-align: left !important;}
#touteslesformations > .row > div > div {margin-bottom: 1rem}
}

#archiveagendaflex > div {border-top: solid 1px black;
margin-left: 0.5rem;
padding: 0.4rem 0;}
#archiveagendaflex h2 {margin:0;}
#archiveagendaflex h2.agendah2 {margin: 0;
padding: 1.5rem 0 0.5rem;}




/* ARTISTES */
.pronom {
  font-size: 0.6em;
  display: block;
}

.searchAgandaOutLien.close {float: none !important;}
.searchAgandaOut > div > span {
  margin: 0;
  position: relative;
  cursor: pointer;
  border: solid 1px white;
  color: white;
  display: inline-block;
  background-color: white;
  text-transform: uppercase;
  color:#063C42;
  font-size: calc(10px + 0.208vw);
line-height: 1.1;
letter-spacing: 0.025em;
width: 180px;
padding: 5px 0 7px;}

.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;
}

.searchAgandaOut > div > span.filtreactif::before {
    content: "activés";
    font-size: calc(8px + 0.104vw);
    font-family: fabrikat_mono_regular, monospace;
    position: absolute;
    top: calc(3px + 0.104vw);
    right: calc(3px + 0.104vw);
    margin: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 0px;
    padding: 0px;
}

.searchAgandaOut > div > span.closed::after {
    content: "‹";
    font-size: calc(18px + 0.208vw);
    margin-left: 0;
    position: relative;
    top: calc(1px + 0.0521vw);
    -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

.sf-label-radio {color: white}

#search-filter-results-9790 {width: 100%}
.searchArtistesOut {width: 100%}
.searchArtistesOutLien {display: block;width: 100%; position: relative; cursor:pointer; border-bottom:solid 2px black}
.searchArtistesOutLien:after { position: absolute;right: 0;
margin-left: 0;
top: calc(1px + 0.0521vw);
content: " >";
width: auto;
line-height: 1;
transition: all 0.7s ease-in-out;
font-size: 20px;
display: inline-block;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: 6px;
}
.searchArtistesOutLien.ferme:after {-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);}

#search-filter-form-9790 .sf-field-taxonomy-competences ul  {padding: 0; list-style: none;display: flex;
flex-wrap: wrap;}
#search-filter-form-9790 .sf-field-taxonomy-competences ul > li {display: inline-block;
width: calc(33% - 2rem);
text-align: left;
margin:0.5rem 1rem 0}

@media screen and (max-width: 800px) {
  #search-filter-form-9790 .sf-field-taxonomy-competences ul > li {
  width: calc(50% - 2rem);}
}

#search-filter-form-9790 .sf-field-taxonomy-competences ul > li input {display: none;}
#search-filter-form-9790 .sf-field-taxonomy-competences ul > li label {cursor: pointer;border-bottom: solid 2px white;width: 90%; padding-bottom: 1rem }
#search-filter-form-9790 .sf-field-taxonomy-competences ul > li.sf-option-active label {color: #FFA380  }


#search-filter-form-9839 .sf-field-taxonomy-categories_structures {width: 100%}
#search-filter-form-9839 .sf-field-taxonomy-categories_structures ul  {padding: 0; list-style: none;display: flex;
flex-wrap: wrap;}
#search-filter-form-9839 .sf-field-taxonomy-categories_structures ul > li {display: inline-block;
width: calc(33% - 2rem);
text-align: left;
margin:0.5rem 1rem 0}

@media screen and (max-width: 800px) {
  #search-filter-form-9839 .sf-field-taxonomy-categories_structures ul > li {
  width: calc(50% - 2rem);}
}

#search-filter-form-9839 .sf-field-taxonomy-categories_structures ul > li input {display: none;}
#search-filter-form-9839 .sf-field-taxonomy-categories_structures ul > li label {cursor: pointer;border-bottom: solid 2px white;width: 90%; padding-bottom: 1rem }
#search-filter-form-9839 .sf-field-taxonomy-categories_structures ul > li.sf-option-active label {color: #FFA380  }




#resultatsartistes > .resultatartistes {margin-bottom: 1rem}
.resultatartistesIn  {border-bottom:solid 2px black; width: 90%; margin: 0 auto;height: 100%}
.resultatartistesIn h2 {margin: 1rem 0 0}


#resultatsartistes .resultatartistesInb{border-bottom:solid 2px black !important; width: 90%; margin: 0 auto;height: 100%}

/* ARTISTE */

#artisteheader {border-bottom:solid 3px #FFA380;  text-align: center;}
#artisteheaderimg img {}
#artistecompetences {margin: 4rem 0; width: 100%}
.artistecompetence {border-bottom:solid 3px #FFA380;padding: 2rem 0;
font-size: 2rem;}

#artisteproductions {background-color: #033A40; margin-top: 5rem; padding: 3rem 0; text-align: center;}
.artisteproduction {font-size: 4rem; color: #FFA380;
  }
.artisteproduction a {display: block !important; padding: 2rem calc(15px + 5vw) 3rem calc(15px + 5vw);
  line-height: 1;white-space: nowrap;font-size: calc(14px + 1.3vw); max-width: 95vw; overflow: hidden;
    text-overflow: ellipsis;
  font-family:'rectaboldcondensed'}
#artisteproductions h3 {color:#FFA380}


.artisteproduction:nth-child(even) a {color: white;background: rgb(0,0,0);

border-radius: 1000px;
     background: linear-gradient(
-90deg, rgba(255,163,128,1) 0%, rgba(3,58,64,1) 80%);

position: relative;
}
.artisteproduction:nth-child(even) a:hover {     background: linear-gradient(
-90deg, rgba(3,58,64,1) 0%, rgba(255,163,128,1) 80%);}

.artisteproduction:nth-child(odd) a {color: white;background: rgb(0,0,0);
  border-radius: 1000px;
       background: linear-gradient(
 -90deg, rgba(3,58,64,1) 0%, rgba(255,163,128,1) 80%);
position: relative;
}
.artisteproduction:nth-child(odd) a:hover {
  background: linear-gradient(
-90deg, rgba(255,163,128,1) 0%, rgba(3,58,64,1) 80%);

}

.lienactualits a {color:white !important}
.artisteproduction a {border-bottom: none !important}

.artisteproduction a:after {position: absolute;
  left:  calc(100% - 43px);
  top:0;
  content:none;
  /* content:' '; */
  background:
        -moz-radial-gradient(100% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
        -moz-radial-gradient(0 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
    background:
         -o-radial-gradient(100% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
         -o-radial-gradient(0 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
    background:
    -webkit-radial-gradient(100% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
     -webkit-radial-gradient(0 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
     height: 101%;
     width: 95px
   }

   .artisteproduction a:before {position: absolute;
     left:  -11px;
     top:0;
     content:none;
     /* content:' '; */
     background:
           -moz-radial-gradient(0% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
           -moz-radial-gradient(0% 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
       background:
            -o-radial-gradient(0% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
            -o-radial-gradient(0% 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
       background:
-webkit-radial-gradient(0% 0, circle, rgba(0,0,0,0) 0px, rgba(3,58,64,0) 0px),
-webkit-radial-gradient(0% 50%, circle, rgba(3,58,64,0) 45px, rgba(3,58,64,1) 0px);
        height: 101%;
width: 52px;
transform: rotate(180deg);
      }




/* ATELIERS */
#atelierspasses {margin: 2rem; text-align: center;}

/*#touteslesformations > div {border-top:solid 3px #FFA380}*/

/*FOMATIONs */
.formationblocinfo h2 {color:#FFA380 }
.formationbloctext {padding: 3rem 0; text-align: center; color: black}

/*FOMATION */

#imgformation {  position: relative;
height: calc(100vw * 0.4);
clip-path: inset(0);}
#imgformation img {width: 100%;
filter: sepia(93%) hue-rotate(334deg) saturate(85%) contrast(90%);
-webkit-filter: sepia(93%) hue-rotate(334deg) saturate(85%) contrast(90%);
-moz-filter: sepia(93%) hue-rotate(334deg) saturate(85%) contrast(90%);
object-fit: cover;
position: fixed;
width: 100%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);}

.formation h1 {text-align: center;}

#infopratiqueformation {padding: 4rem 0}
#infopratiqueformation * {}
#infopratiqueformationIn > div  {border-bottom: solid 1px #FFA380; padding: 1rem 0}
#infopratiqueformationIn h3 {margin: 0; padding: 0}

.inscriptionformationbtn a {color: white !important}
#inscriptionformation label {max-width: 100%}
@media screen and (max-width: 800px) {
#infopratiqueformationIn form .col-6 {width: 100% !important;max-width: 100% !important;flex: 0 0 100%;}
}

/* AGENDA */

/*#resultatsagenda {display: flex; flex-wrap: wrap;}
.resultatagenda  {width: calc(50% - 2rem); margin-right: 2rem}*/

#search-filter-form-9755.searchandfilter li[data-sf-field-input-type="checkbox"] label,
#search-filter-form-9755.searchandfilter li[data-sf-field-input-type="radio"] label,
#search-filter-form-9755.searchandfilter li[data-sf-field-input-type="range-radio"] label,
#search-filter-form-9755.searchandfilter li[data-sf-field-input-type="range-checkbox"] label,

#search-filter-form-10116.searchandfilter li[data-sf-field-input-type="checkbox"] label,
#search-filter-form-10116.searchandfilter li[data-sf-field-input-type="radio"] label,
#search-filter-form-10116.searchandfilter li[data-sf-field-input-type="range-radio"] label,
#search-filter-form-10116.searchandfilter li[data-sf-field-input-type="range-checkbox"] label
 {
  padding-left: 25px
}

.resultatagenda {border-bottom: solid 3px #063C42; padding: 2rem 0; text-align: center;}

.resultatagenda h2 {text-align:center;}


.sf-input-checkbox {display: none;}
.sf-label-checkbox, a.search-filter-reset {color: white; text-transform: uppercase; cursor: pointer;font-family: 'recta'; font-weight: lighter;}
.sf-label-checkbox:hover, a.search-filter-reset:hover {color: #FFA380}
.sf-option-active .sf-label-checkbox {color: #FFA380}

#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: -0.35rem 2rem 0}
#resultatsagenda > div:first-child { grid-area: leftbig; position: relative;}
#resultatsagenda > div:first-child::after {content: ''; border:solid 2px; 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: ''; border:solid 2px; height: 100%; position: absolute; left:-2.1rem}

#resultatsagenda > div:nth-child(7) { grid-area: leftbbig; position: relative;}
#resultatsagenda > div:nth-child(7)::after {content: ''; border:solid 2px; 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: ''; border:solid 2px; height: 100%; position: absolute; left:-2.1rem}

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

.resultatagendapasse .resultatagendain {border-bottom: solid 3px #063C42}


/* ACCOMPAGNEMENTS */
#touslesaccompagnement.borderblue > div .row {height: 210px}

#touslesaccompagnement.borderblue > div .row > div
  {border-right: solid 3px #063C42; height: 100%;
    align-items: center;
  justify-content: center;
  display: flex;}
#touslesaccompagnement.borderblue > div .row > div:last-child{border:none; background-image: url('imgs/Element_graphique_Accompagnement.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;}

#touslesaccompagnement.borderblue > div .row > div h3 {margin: 0}
#touslesaccompagnement.borderblue > div .row > div:last-child h3 {padding: 6rem}


@media screen and (max-width: 800px) {
  #touslesaccompagnement.borderblue > div .row > div{border:none; background-image: url('imgs/Element_graphique_Accompagnement.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;}
  #touslesaccompagnement.borderblue > div .row > div h3 {padding: 6rem}
}


@media screen and (max-width: 753px) {
  #touslesaccompagnement.borderblue > div .row {height: auto}
  #touslesaccompagnement.borderblue > div .row > div
    {border-right: none; margin-bottom: 2rem}
  #touslesaccompagnementtitre {padding: 0 !important}
}


.recherchefinancementblue > div p, .recherchefinancementblue > div {font-family: 'remind_sanssemibold'}
.recherchefinancementblue > div:first-child{border-right: solid 3px #063C42}
.recherchefinancementblue > div:last-child{border-top: solid 3px #063C42; padding-top: 4rem}

@media screen and (max-width: 560px) {
  .recherchefinancementblue > div:first-child{border-bottom: solid 3px #063C42; border-right: none}
  .recherchefinancementblue.p-5 {padding: 0 !important}
}

.recherchefinancementblue a {text-decoration :underline;border:none}

/* PROD EN COURS */

#prodsencours .prodsencours > div {border-bottom: solid 3px #063C42}
#prodsencours .prodsencours:last-child  > div{border-bottom: none; margin-bottom: 0 !important}

/* ANNUAIRE */

.artisteproduction p {margin: 0; display: inline-block;}

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

/* LISTE PRIMEE */

.borderbottom {border-bottom:solid 2px #063C42}
.sameasbefore {}
.sameasbefore > .row { border-top: dotted 1px #063C42}
.listeprixauteurs span:after {content: ' & '}
.listeprixauteurs span:last-child:after {content: none}

@media screen and (max-width: 800px) {
  #listeprimee.p-5{padding: 0 !important}
}

/* RECHERCHE GÉNÉRALE */

.recherche-generale .menu-item-10624 a, .recherche-generale #searchmobile a {pointer-events: none; opacity: 0.5}

#search-filter-form-9859 ul {margin: 0 auto;
display: table;}

#search-filter-form-9859 ul .sf-field-search {text-align: left;}

#search-filter-form-9859 ul .sf-field-search h4 {font-size: calc(30px + 1vw)}

.resultatgeneralIn {border-top:solid 2px #FFA380 }
.resultatgeneralIn span {text-transform: capitalize;}



/* 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}
}

.wpcf7-response-output {background-color:#033A40; color:white; font-size:3rem}

.wpcf7-not-valid-tip {display: block !important;}